pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Remove now unnecessary .megabar selectors

Browse source
This commit is contained in:
MrOtherGuy 2020-04-09 17:48:41 +03:00
parent ee78d236b6
commit 4961b3ee1d
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
chrome/compact_urlbar_megabar.css
View file

@ -1,13 +1,13 @@
/* Make urlbar megabar appear more compact */ /* Make urlbar megabar appear more compact */
/* Set the pref browser.urlbar.megabar to true */ /* Set the pref browser.urlbar.megabar to true */
#urlbar.megabar[breakout]{ #urlbar[breakout]{
margin-inline-start: 0px !important; margin-inline-start: 0px !important;
width: 100% !important; width: 100% !important;
left: 0 !important; left: 0 !important;
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
} }
#urlbar.megabar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } #urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
.urlbarView.megabar{ margin-inline: 0 !important; width: auto !important; } .urlbarView{ margin-inline: 0 !important; width: auto !important; }
.urlbarView-row{ padding-inline: 4px !important; } .urlbarView-row{ padding-inline: 4px !important; }
#urlbar-background{ animation: none !important; } #urlbar-background{ animation: none !important; }
#urlbar-input-container{ padding: 0 !important; height: 100% !important; } #urlbar-input-container{ padding: 0 !important; height: 100% !important; }

14
chrome/urlbar_full_width.css
View file

@ -1,11 +1,11 @@
/* Make urlbar popup appear full size like it did before megabar */ /* Make urlbar popup appear full size like it did before urlbar re-design */
#urlbar-container, #urlbar-container,
#urlbar{ #urlbar{
position: static !important; position: static !important;
display: -moz-box !important; display: -moz-box !important;
} }
#urlbar.megabar{ #urlbar{
height: auto !important; height: auto !important;
width: auto !important; width: auto !important;
border: 1px solid white; border: 1px solid white;
@ -14,9 +14,9 @@
border-radius: var(--toolbarbutton-border-radius); border-radius: var(--toolbarbutton-border-radius);
} }
#urlbar.megabar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } #urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) }
.urlbarView.megabar{ .urlbarView{
position: absolute !important; position: absolute !important;
margin: 0 !important; margin: 0 !important;
left: 0 !important; left: 0 !important;
@ -28,9 +28,9 @@
box-shadow: 0 1px 4px rgba(0,0,0,.05); box-shadow: 0 1px 4px rgba(0,0,0,.05);
} }
#urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; } #urlbar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
#urlbar.megabar > #urlbar-background{ display: none !important; } #urlbar > #urlbar-background{ display: none !important; }
/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */ /* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */
/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */ /* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */
#urlbar.megabar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; } #urlbar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; }