make pointer-events apply to more elements

This commit is contained in:
MrOtherGuy 2021-07-16 11:51:09 +03:00
parent dcdc03519c
commit c7061ab793

View file

@ -16,10 +16,11 @@ See the above repository for updates as well as full license text. */
/* Add back pointer-events to several elements so UI remains usable */
/* The selected tab can be clicked normally from the icon */
#tabbrowser-tabs toolbarbutton,
#TabsToolbar toolbarbutton,
#TabsToolbar toolbaritem,
.tabbrowser-tab,
.tabbrowser-tab .tab-close-button,
.tabbrowser-tab .tab-icon-image{
.tabbrowser-tab .tab-icon-overlay{
pointer-events: auto
}
@ -32,14 +33,15 @@ See the above repository for updates as well as full license text. */
width: calc(100vw - 138px);
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) }
#urlbar-input-container:focus-within::before{ display: none !important; }
/* Make tabs appear over the invisible box */
:root:not([customizing]) #tabbrowser-tabs{
:root:not([customizing]) #TabsToolbar-customization-target{
position: relative;
z-index: 1;
pointer-events: none
}
}