Skip to content

Commit

Permalink
Made urlbar icons look and align better
Browse files Browse the repository at this point in the history
  • Loading branch information
@Zonnev
Zonnev committed Nov 1, 2024
1 parent b2548f6 commit dbb703f
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 49 deletions.
52 changes: 35 additions & 17 deletions Private Mode Style/userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -199,10 +199,10 @@ LAYOUT
top: 7px !important;
}
#urlbar[open] .urlbar-input-container {
margin-top: 3px !important;
margin-top: 4px !important;
margin-bottom: 3px !important;
margin-left: 5px !important;
padding-right: 10px !important;
margin-left: 6px !important;
padding-right: 12px !important;
}
.urlbar-input-container label {
line-height: 15px !important;
Expand All @@ -213,9 +213,10 @@ LAYOUT
padding-block: 10px !important;
}
.urlbar-input-container {
height: 25px !important;
border-radius: 3px !important;
padding: 0px 0px 2px 0px !important;
height: 21px !important;
border-radius: 2px !important;
padding: 0px 2px 0px 0px !important;
margin: 1px !important;
}
#urlbar, #searchbar {
-moz-window-dragging: no-drag !important;
Expand Down Expand Up @@ -256,29 +257,38 @@ LAYOUT
border-radius: 0 0 7px 7px !important;
}
.urlbar-icon:not(.search-go-button):not(.urlbar-go-button) {
min-height: 19px !important;
margin: -3px 0px !important;
margin: -3px 0px 0px 0px !important;
}
.urlbar-page-action:not(#translations-button[translationsactive="true"]) {
height: 21px !important;
width: 24px !important;
margin: -3px 0px !important;
.urlbar-page-action:not(#translations-button[translationsactive="true"]) {
height: 19px !important;
width: 23px !important;
margin-left: 2px !important;
}
#translations-button[translationsactive="true"] {
height: 21px !important;
height: 19px !important;
}
#translations-button-locale {
height: 17px !important;
margin: -3px 2px !important;
}
#notification-popup-box {
height: 21px !important;
margin: 0px 0px !important;
height: 19px !important;
}
#identity-permission-box {
height: 21px !important;
height: 19px !important;
padding: 0px 4px 0px 4px !important;
margin: 0px 0px !important;
}
#urlbar[breakout-extend] #identity-permission-box,
#urlbar[breakout-extend] #notification-popup-box {
margin-top: -1px !important;
}

/* delete when stable is version 134 or when these urlbar icons are jumping in Nightly */
:root[data-title-default="Firefox Nightly"] #urlbar[breakout-extend] #identity-permission-box,
:root[data-title-default="Firefox Nightly"] #urlbar[breakout-extend] #notification-popup-box {
margin-top: 0px !important;
}

#identity-icon,
#tracking-protection-icon-box {
margin: 0px 0px 1px 0px !important;
Expand All @@ -293,6 +303,7 @@ LAYOUT
:root {
--urlbar-icon-padding: 4px !important;
--urlbar-icon-border-radius: 2px !important;
--identity-box-margin-inline: 2px !important;
}
#urlbar-zoom-button {
padding: 0px 3px !important;
Expand All @@ -317,6 +328,13 @@ LAYOUT
#urlbar .searchbar-engine-one-off-item {
min-height: 25px !important;
}
#urlbar-searchmode-switcher image {
margin-bottom: 1px !important;
}
#searchmode-switcher-chicklet {
border-start-end-radius: 2px !important;
border-end-end-radius: 2px !important;
}

/* selected text and icons url bar */
::selection {
Expand Down
48 changes: 32 additions & 16 deletions Titlebar Enabled/userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -325,10 +325,10 @@ Normal mode
top: 7px !important;
}
#urlbar[open] .urlbar-input-container {
margin-top: 3px !important;
margin-top: 4px !important;
margin-bottom: 3px !important;
margin-left: 5px !important;
padding-right: 10px !important;
margin-left: 6px !important;
padding-right: 12px !important;
}
.urlbar-input-container label {
line-height: 15px !important;
Expand All @@ -339,9 +339,10 @@ Normal mode
padding-block: 10px !important;
}
.urlbar-input-container {
height: 25px !important;
border-radius: 3px !important;
padding: 0px 0px 2px 0px !important;
height: 21px !important;
border-radius: 2px !important;
padding: 0px 2px 0px 0px !important;
margin: 1px !important;
}
#urlbar, #searchbar {
-moz-window-dragging: no-drag !important;
Expand Down Expand Up @@ -389,31 +390,38 @@ Normal mode
border-radius: 3px !important;
}
.urlbar-icon:not(.search-go-button):not(.urlbar-go-button) {
height: 19px !important;
margin: -3px 0px !important;
margin: -3px 0px 0px 0px !important;
}
.urlbar-page-action:not(#translations-button[translationsactive="true"]) {
height: 21px !important;
width: 24px !important;
margin: -3px 0px !important;
.urlbar-page-action:not(#translations-button[translationsactive="true"]) {
height: 19px !important;
width: 23px !important;
margin-left: 2px !important;
}
#translations-button[translationsactive="true"] {
height: 21px !important;
height: 19px !important;
}
#translations-button-locale {
height: 17px !important;
margin: -3px 2px !important;
}
#notification-popup-box {
height: 21px !important;
height: 19px !important;
}
#identity-permission-box {
height: 21px !important;
height: 19px !important;
padding: 0px 4px 0px 4px !important;
}
#urlbar[breakout-extend] #identity-permission-box,
#urlbar[breakout-extend] #notification-popup-box {
padding-bottom: 2px !important;
margin-top: -1px !important;
}

/* delete when stable is version 134 or when these urlbar icons are jumping in Nightly */
:root[data-title-default="Firefox Nightly"] #urlbar[breakout-extend] #identity-permission-box,
:root[data-title-default="Firefox Nightly"] #urlbar[breakout-extend] #notification-popup-box {
margin-top: 0px !important;
}

#identity-icon,
#tracking-protection-icon-box {
margin: 0px 0px 1px 0px !important;
Expand All @@ -428,6 +436,7 @@ Normal mode
:root {
--urlbar-icon-padding: 4px !important;
--urlbar-icon-border-radius: 2px !important;
--identity-box-margin-inline: 2px !important;
}
#urlbar-zoom-button {
padding: 0px 3px !important;
Expand All @@ -452,6 +461,13 @@ Normal mode
#urlbar .searchbar-engine-one-off-item {
min-height: 25px !important;
}
#urlbar-searchmode-switcher image {
margin-bottom: 1px !important;
}
#searchmode-switcher-chicklet {
border-start-end-radius: 2px !important;
border-end-end-radius: 2px !important;
}

/* selected text and icons url bar */
::selection {
Expand Down
48 changes: 32 additions & 16 deletions base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -355,10 +355,10 @@ Normal mode
top: 7px !important;
}
#urlbar[open] .urlbar-input-container {
margin-top: 3px !important;
margin-top: 4px !important;
margin-bottom: 3px !important;
margin-left: 5px !important;
padding-right: 10px !important;
margin-left: 6px !important;
padding-right: 12px !important;
}
.urlbar-input-container label {
line-height: 15px !important;
Expand All @@ -369,9 +369,10 @@ Normal mode
padding-block: 10px !important;
}
.urlbar-input-container {
height: 25px !important;
border-radius: 3px !important;
padding: 0px 0px 2px 0px !important;
height: 21px !important;
border-radius: 2px !important;
padding: 0px 2px 0px 0px !important;
margin: 1px !important;
}
#urlbar, #searchbar {
-moz-window-dragging: no-drag !important;
Expand Down Expand Up @@ -419,31 +420,38 @@ Normal mode
border-radius: 3px !important;
}
.urlbar-icon:not(.search-go-button):not(.urlbar-go-button) {
height: 19px !important;
margin: -3px 0px !important;
margin: -3px 0px 0px 0px !important;
}
.urlbar-page-action:not(#translations-button[translationsactive="true"]) {
height: 21px !important;
width: 24px !important;
margin: -3px 0px !important;
.urlbar-page-action:not(#translations-button[translationsactive="true"]) {
height: 19px !important;
width: 23px !important;
margin-left: 2px !important;
}
#translations-button[translationsactive="true"] {
height: 21px !important;
height: 19px !important;
}
#translations-button-locale {
height: 17px !important;
margin: -3px 2px !important;
}
#notification-popup-box {
height: 21px !important;
height: 19px !important;
}
#identity-permission-box {
height: 21px !important;
height: 19px !important;
padding: 0px 4px 0px 4px !important;
}
#urlbar[breakout-extend] #identity-permission-box,
#urlbar[breakout-extend] #notification-popup-box {
padding-bottom: 2px !important;
margin-top: -1px !important;
}

/* delete when stable is version 134 or when these urlbar icons are jumping in Nightly */
:root[data-title-default="Firefox Nightly"] #urlbar[breakout-extend] #identity-permission-box,
:root[data-title-default="Firefox Nightly"] #urlbar[breakout-extend] #notification-popup-box {
margin-top: 0px !important;
}

#identity-icon,
#tracking-protection-icon-box {
margin: 0px 0px 1px 0px !important;
Expand All @@ -458,6 +466,7 @@ Normal mode
:root {
--urlbar-icon-padding: 4px !important;
--urlbar-icon-border-radius: 2px !important;
--identity-box-margin-inline: 2px !important;
}
#urlbar-zoom-button {
padding: 0px 3px !important;
Expand All @@ -482,6 +491,13 @@ Normal mode
#urlbar .searchbar-engine-one-off-item {
min-height: 25px !important;
}
#urlbar-searchmode-switcher image {
margin-bottom: 1px !important;
}
#searchmode-switcher-chicklet {
border-start-end-radius: 2px !important;
border-end-end-radius: 2px !important;
}

/* selected text and icons url bar */
::selection {
Expand Down

0 comments on commit dbb703f

Please sign in to comment.