From 9391fadec9fd48cb61704affee48fe5c821f0099 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 20 Sep 2016 15:04:33 +0200 Subject: urlbar padding tweaks --- arc-firefox-theme/chrome/browser/browser.css | 12 +++++++----- arc-firefox-theme/chrome/browser/sass/_browser-sass.scss | 10 +++++----- arc-firefox-theme/chrome/browser/sass/browser-dark.css | 12 +++++++----- arc-firefox-theme/chrome/browser/sass/browser-darker.css | 12 +++++++----- arc-firefox-theme/chrome/browser/sass/browser-light.css | 12 +++++++----- 5 files changed, 33 insertions(+), 25 deletions(-) diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css index c9adcae..fee8692 100644 --- a/arc-firefox-theme/chrome/browser/browser.css +++ b/arc-firefox-theme/chrome/browser/browser.css @@ -1178,7 +1178,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border: 1px solid #5294E2; } .searchbar-textbox { - border-radius: 20px; } + border-radius: 20px; + padding-left: 6px; + padding-right: 6px; } #urlbar:-moz-lwtheme, .searchbar-textbox:-moz-lwtheme { @@ -1340,7 +1342,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding-right: 2px; } #notification-popup-box:not([hidden]) + #identity-box { - padding-inline-start: 5px; + padding-inline-start: 9px; border-radius: 0; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { @@ -1493,11 +1495,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box position: relative; background-color: transparent; background-clip: padding-box; - padding-left: 1px; - padding-right: 4px; + padding-left: 5px; + padding-right: 8px; border-width: 0 1px 0 0; border-style: solid; - border-color: #dcdfe3; } + border-color: rgba(207, 214, 230, 0.5); } /* This changes the direction of the main notification box on the url bar. */ #notification-popup-box:-moz-locale-dir(rtl), diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss index ed381f5..b7cd1ad 100644 --- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss +++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss @@ -1556,7 +1556,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. @include entry(focus); } -.searchbar-textbox { border-radius: 20px; } +.searchbar-textbox { border-radius: 20px; padding-left: 6px; padding-right: 6px; } //#urlbar { // background-color: -moz-field; @@ -1815,7 +1815,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. } #notification-popup-box:not([hidden]) + #identity-box { - padding-inline-start: 5px; + padding-inline-start: 9px; border-radius: 0; } @@ -2024,11 +2024,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box position: relative; background-color: transparent; background-clip: padding-box; - padding-left: 1px; - padding-right: 4px; + padding-left: 5px; + padding-right: 8px; border-width: 0 1px 0 0; border-style: solid; - border-color: $borders_color; + border-color: transparentize($entry_border, 0.5); //border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; //-moz-margin-end: -8px; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css index 3d5b595..a29f2b0 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css @@ -1179,7 +1179,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2, inset 1px 0 #5294E2, inset -1px 0 #5294E2; } .searchbar-textbox { - border-radius: 20px; } + border-radius: 20px; + padding-left: 6px; + padding-right: 6px; } #urlbar:-moz-lwtheme, .searchbar-textbox:-moz-lwtheme { @@ -1341,7 +1343,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding-right: 2px; } #notification-popup-box:not([hidden]) + #identity-box { - padding-inline-start: 5px; + padding-inline-start: 9px; border-radius: 0; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { @@ -1494,11 +1496,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box position: relative; background-color: transparent; background-clip: padding-box; - padding-left: 1px; - padding-right: 4px; + padding-left: 5px; + padding-right: 8px; border-width: 0 1px 0 0; border-style: solid; - border-color: #2b2e39; } + border-color: rgba(43, 46, 57, 0.5); } /* This changes the direction of the main notification box on the url bar. */ #notification-popup-box:-moz-locale-dir(rtl), diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css index ccad16a..2650e51 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css @@ -1178,7 +1178,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border: 1px solid #5294E2; } .searchbar-textbox { - border-radius: 20px; } + border-radius: 20px; + padding-left: 6px; + padding-right: 6px; } #urlbar:-moz-lwtheme, .searchbar-textbox:-moz-lwtheme { @@ -1340,7 +1342,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding-right: 2px; } #notification-popup-box:not([hidden]) + #identity-box { - padding-inline-start: 5px; + padding-inline-start: 9px; border-radius: 0; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { @@ -1493,11 +1495,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box position: relative; background-color: transparent; background-clip: padding-box; - padding-left: 1px; - padding-right: 4px; + padding-left: 5px; + padding-right: 8px; border-width: 0 1px 0 0; border-style: solid; - border-color: #dcdfe3; } + border-color: rgba(207, 214, 230, 0.5); } /* This changes the direction of the main notification box on the url bar. */ #notification-popup-box:-moz-locale-dir(rtl), diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css index c9adcae..fee8692 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-light.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css @@ -1178,7 +1178,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border: 1px solid #5294E2; } .searchbar-textbox { - border-radius: 20px; } + border-radius: 20px; + padding-left: 6px; + padding-right: 6px; } #urlbar:-moz-lwtheme, .searchbar-textbox:-moz-lwtheme { @@ -1340,7 +1342,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding-right: 2px; } #notification-popup-box:not([hidden]) + #identity-box { - padding-inline-start: 5px; + padding-inline-start: 9px; border-radius: 0; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { @@ -1493,11 +1495,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box position: relative; background-color: transparent; background-clip: padding-box; - padding-left: 1px; - padding-right: 4px; + padding-left: 5px; + padding-right: 8px; border-width: 0 1px 0 0; border-style: solid; - border-color: #dcdfe3; } + border-color: rgba(207, 214, 230, 0.5); } /* This changes the direction of the main notification box on the url bar. */ #notification-popup-box:-moz-locale-dir(rtl), -- cgit v1.2.3