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

Further improve selected_tab_as_urlbar and selected_tab_to_focus ulrbar

Browse Source
This commit is contained in:
MrOtherGuy
2023-10-22 14:19:16 +03:00
parent 15074a8b29
commit 9fe466140a
2 changed files with 52 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
chrome/click_selected_tab_to_focus_urlbar.css
View File

@@ -12,6 +12,22 @@ See the above repository for updates as well as full license text. */
.tabbrowser-tab:not([pinned])[selected]{ pointer-events: none }
:root{
--uc-window-control-width: 138px;
--uc-buttons-width: 116px;
--uc-window-drag-space-width: 40px;
--uc-menubar-height: 0px;
}
@media (-moz-platform: windows),
(-moz-platform: linux){
:root:is([sizemode="maximized"],[sizemode="fullscreen"]){
--uc-window-drag-space-width: 0px;
}
#titlebar:has(> [autohide="false"]) + #nav-bar{
--uc-window-drag-space-width: 0px;
--uc-menubar-height: 28px;
}
}
/* Add back pointer-events to several elements so UI remains usable */
/* The selected tab can be clicked normally from the icon */
#TabsToolbar toolbarbutton,
@@ -21,19 +37,21 @@ See the above repository for updates as well as full license text. */
.tab-icon-stack{
pointer-events: auto
}
/* Invisible capture box behind tabs*/
:root:not([customizing]) #urlbar-input-container::before{
position: fixed;
display: block;
left: 0;
width: calc(100vw - 138px);
top: var(--uc-menubar-height);
width: var(--uc-buttons-width);
height: calc(var(--tab-min-height) + 2*var(--tab-block-margin));
content: "";
pointer-events: auto;
}
:root[sizemode="normal"]:not([customizing]) #urlbar-input-container::before{ left: 40px; width: calc(100vw - 138px - 80px) }
:root[tabsintitlebar]:not([customizing]) #urlbar-input-container::before{
left: var(--uc-window-drag-space-width);
width: calc(100vw - var(--uc-window-control-width) - var(--uc-buttons-width) - 2 * var(--uc-window-drag-space-width));
}
#urlbar-input-container:focus-within::before{ display: none !important; }
/* Make tabs appear over the invisible box */