tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

full width urlbar: Simplify rules to make positioning work in fx133

Browse Source
This commit is contained in:
MrOtherGuy
2024-12-01 14:32:17 +02:00
parent 35f29fd1cb
commit 2515f1ab25
1 changed files with 3 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
chrome/urlbar_popup_full_width.css
View File

@@ -8,37 +8,12 @@ See the above repository for updates as well as full license text. */
padding-inline-start: 6px !important;
}
#urlbar-container,
#urlbar{
position: static !important;
display: flex !important;
}
#urlbar{
height: auto !important;
width: auto !important;
box-shadow: inset 0 0 0 1px var(--toolbar-field-border-color, hsla(240,5%,5%,.25));
background-color: var(--toolbar-field-background-color, hsla(0,0%,100%,.8));
border-radius: var(--toolbarbutton-border-radius);
--uc-urlbar-min-width: none; /* navbar_tabs_oneliner.css compatibility */
}
#urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--toolbar-field-focus-border-color, highlight); }
.urlbarView{
position: absolute !important;
margin: 0 !important;
position: fixed !important;
top: inherit;
left: 0 !important;
margin: var(--urlbar-container-height) 0 0 0 !important;
width: 100vw !important;
border-width: 1px 0;
top: var(--urlbar-container-height);
background-color: var(--toolbar-field-focus-background-color, inherit);
z-index: 4;
box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
#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 > .urlbar-input-container::before{ content: ""; display: flex; height: 24px; }