Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-11 08:13:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1691543 - Increase urlbar-min-height to 34px in Touch mode. r=mak

Browse Source 
I also tried setting the height to 36px and removing the padding-block override. I didn't think it looked very good. I like that there's slightly more padding around the Urlbar in Touch mode. It makes the UI feel roomy instead of inflated.

Differential Revision: https://phabricator.services.mozilla.com/D110126
This commit is contained in:
Harry Twyford 2021-03-30 12:48:28 +00:00
parent 43975df10a
commit 9ec310f320
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
browser/themes/shared/browser.inc.css
View File

@ -63,6 +63,11 @@
--urlbar-icon-padding: 3px; /* (26px - 2px border - 2px padding - 16px icon) / 2 */
}
:root[uidensity=touch] {
--urlbar-min-height: 34px;
--urlbar-icon-padding: 7px; /* (34px - 2px border - 2px padding - 16px icon) / 2 */
}
@supports not -moz-bool-pref("browser.proton.urlbar.enabled") {
:root {
--urlbar-min-height: 30px;

2
browser/themes/shared/urlbar-searchbar.inc.css
View File

@ -42,7 +42,7 @@
@supports -moz-bool-pref("browser.proton.enabled") {
:root[uidensity=touch] #urlbar-container,
:root[uidensity=touch] #search-container {
padding-block: 6px;
padding-block: 5px;
}
}