You've already forked photon.css
51 lines
1.6 KiB
CSS
51 lines
1.6 KiB
CSS
/* ### ### PhotonUI Sharp Tabs, Non floating ### ### */
|
|
@import "non_floating_sharp_tabs.css";
|
|
@import "inline_tab_audio_icons.css";
|
|
@import "photon_tab_separators.css";
|
|
/*@import "tab_separator_lines.css";*/
|
|
|
|
/* Enable urlbar border when focused */
|
|
|
|
#urlbar:focus-within > #urlbar-background {
|
|
border-color: -moz-accent-color !important;
|
|
border-width: 1px !important;
|
|
border-radius:2px !important;
|
|
}
|
|
|
|
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
|
|
/* Disable gap between the last pinned tab and the first visible tab */
|
|
margin-inline-start: 0 !important;
|
|
}
|
|
|
|
/* Disable tab label mask on hover */
|
|
.tabbrowser-tab[visuallyselected=true]:hover,
|
|
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true]):hover {
|
|
--tab-label-mask-size: 0 !important;
|
|
}
|
|
|
|
/* Add a gradient mask for the tab title */
|
|
.tab-label-container {
|
|
mask-image: linear-gradient(to left, transparent, black 2em) !important;
|
|
}
|
|
|
|
/* Hovering on "Close tab" button won't change the gradient mask width for tab title */
|
|
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
|
|
padding-inline-start: inherit !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
/* Disable tab label mask
|
|
* Proton default value = 2em
|
|
* This is a tweak. Photo does contain this mask.
|
|
*/
|
|
.tabbrowser-tab {
|
|
--tab-label-mask-size: 0 !important;
|
|
}
|
|
|
|
:root {
|
|
--tab-min-height: 35px !important;
|
|
--tabs-border-color: rgba(0,0,0,.3);
|
|
--tabs-navbar-shadow-size: 1px;
|
|
--toolbarbutton-border-radius: 2px !important;
|
|
}
|