diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-10-04 14:04:12 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-10-04 14:04:12 +0200 |
commit | e7a3a511d94251c0dcf4e99aed489478c5b494df (patch) | |
tree | c682724580abd33f9778e72f69ee20f480b2b006 /src | |
parent | Update CHANGELOG.md (diff) | |
download | ferdium-app-e7a3a511d94251c0dcf4e99aed489478c5b494df.tar.gz ferdium-app-e7a3a511d94251c0dcf4e99aed489478c5b494df.tar.zst ferdium-app-e7a3a511d94251c0dcf4e99aed489478c5b494df.zip |
Update tooltip position
Diffstat (limited to 'src')
-rw-r--r-- | src/features/webControls/components/WebControls.js | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/features/webControls/components/WebControls.js b/src/features/webControls/components/WebControls.js index a39fcfe0e..c6331073b 100644 --- a/src/features/webControls/components/WebControls.js +++ b/src/features/webControls/components/WebControls.js | |||
@@ -148,6 +148,7 @@ class WebControls extends Component { | |||
148 | type="button" | 148 | type="button" |
149 | className={classes.button} | 149 | className={classes.button} |
150 | data-tip={intl.formatMessage(messages.goHome)} | 150 | data-tip={intl.formatMessage(messages.goHome)} |
151 | data-place="bottom" | ||
151 | > | 152 | > |
152 | <Icon | 153 | <Icon |
153 | icon={mdiHomeOutline} | 154 | icon={mdiHomeOutline} |
@@ -160,6 +161,7 @@ class WebControls extends Component { | |||
160 | className={classes.button} | 161 | className={classes.button} |
161 | disabled={!canGoBack} | 162 | disabled={!canGoBack} |
162 | data-tip={intl.formatMessage(messages.back)} | 163 | data-tip={intl.formatMessage(messages.back)} |
164 | data-place="bottom" | ||
163 | > | 165 | > |
164 | <Icon | 166 | <Icon |
165 | icon={mdiArrowLeft} | 167 | icon={mdiArrowLeft} |
@@ -172,6 +174,7 @@ class WebControls extends Component { | |||
172 | className={classes.button} | 174 | className={classes.button} |
173 | disabled={!canGoForward} | 175 | disabled={!canGoForward} |
174 | data-tip={intl.formatMessage(messages.forward)} | 176 | data-tip={intl.formatMessage(messages.forward)} |
177 | data-place="bottom" | ||
175 | > | 178 | > |
176 | <Icon | 179 | <Icon |
177 | icon={mdiArrowRight} | 180 | icon={mdiArrowRight} |
@@ -183,6 +186,7 @@ class WebControls extends Component { | |||
183 | type="button" | 186 | type="button" |
184 | className={classes.button} | 187 | className={classes.button} |
185 | data-tip={intl.formatMessage(messages.reload)} | 188 | data-tip={intl.formatMessage(messages.reload)} |
189 | data-place="bottom" | ||
186 | > | 190 | > |
187 | <Icon | 191 | <Icon |
188 | icon={mdiReload} | 192 | icon={mdiReload} |
@@ -196,6 +200,7 @@ class WebControls extends Component { | |||
196 | inputUrl: event.target.value, | 200 | inputUrl: event.target.value, |
197 | })} | 201 | })} |
198 | onFocus={(event) => { | 202 | onFocus={(event) => { |
203 | console.log('on focus event'); | ||
199 | event.target.select(); | 204 | event.target.select(); |
200 | this.setState({ | 205 | this.setState({ |
201 | editUrl: true, | 206 | editUrl: true, |
@@ -223,14 +228,13 @@ class WebControls extends Component { | |||
223 | type="button" | 228 | type="button" |
224 | className={classes.button} | 229 | className={classes.button} |
225 | data-tip={intl.formatMessage(messages.openInBrowser)} | 230 | data-tip={intl.formatMessage(messages.openInBrowser)} |
226 | data-place="left" | 231 | data-place="bottom" |
227 | > | 232 | > |
228 | <Icon | 233 | <Icon |
229 | icon={mdiEarth} | 234 | icon={mdiEarth} |
230 | className={classes.icon} | 235 | className={classes.icon} |
231 | /> | 236 | /> |
232 | </button> | 237 | </button> |
233 | {/* <ReactTooltip place="bottom" type="dark" effect="solid" /> */} | ||
234 | </div> | 238 | </div> |
235 | ); | 239 | ); |
236 | } | 240 | } |