diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css index 414d43a..c034693 100644 --- a/chrome/compact_urlbar_megabar.css +++ b/chrome/compact_urlbar_megabar.css @@ -1,13 +1,13 @@ /* Make urlbar megabar appear more compact */ /* Set the pref browser.urlbar.megabar to true */ -#urlbar.megabar[breakout]{ +#urlbar[breakout]{ margin-inline-start: 0px !important; width: 100% !important; left: 0 !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; } -.urlbarView.megabar{ margin-inline: 0 !important; width: auto !important; } +#urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } +.urlbarView{ margin-inline: 0 !important; width: auto !important; } .urlbarView-row{ padding-inline: 4px !important; } #urlbar-background{ animation: none !important; } #urlbar-input-container{ padding: 0 !important; height: 100% !important; } \ No newline at end of file diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index fcbcd43..b4e5975 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -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{ position: static !important; display: -moz-box !important; } -#urlbar.megabar{ +#urlbar{ height: auto !important; width: auto !important; border: 1px solid white; @@ -14,9 +14,9 @@ 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; margin: 0 !important; left: 0 !important; @@ -28,9 +28,9 @@ 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.megabar > #urlbar-background{ display: none !important; } +#urlbar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !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 */ /* 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; } \ No newline at end of file +#urlbar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; } \ No newline at end of file