Skip to content

Commit

Permalink
test 20230707
Browse files Browse the repository at this point in the history
  • Loading branch information
@Aris-t2
Aris-t2 committed Jul 7, 2023
1 parent 935efe9 commit 9776f1e
Show file tree
Hide file tree
Showing 20 changed files with 54 additions and 505 deletions.
2 changes: 1 addition & 1 deletion 115_test/config/config.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

:root {
/* tab_height.css */
--tab-min-height: 26px !important;
--tab-min-height: 28px !important;

/* tab_border_radius.css */
--tabborderradius: 3px !important;
Expand Down
12 changes: 0 additions & 12 deletions 115_test/css/buttons/button_popup_panelarrow_hidden.css
View file

This file was deleted.

9 changes: 5 additions & 4 deletions 115_test/css/buttons/ctb_button_size_main_toolbars.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,11 @@
--ctb_maintoolbar_button_width: 0px;
}

.chromeclass-toolbar:not(#tabs-toolbar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
.chromeclass-toolbar:not(#tabs-toolbar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
.chromeclass-toolbar:not(#tabs-toolbar) .toolbarbutton-1,
.chromeclass-toolbar:not(#tabs-toolbar) #button-appmenu {
.unified-toolbar-button,
.chromeclass-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
.chromeclass-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
.chromeclass-toolbar .toolbarbutton-1,
.chromeclass-toolbar #button-appmenu {
min-height: var(--ctb_maintoolbar_button_height) !important;
min-width: var(--ctb_maintoolbar_button_width) !important;
}
130 changes: 8 additions & 122 deletions 115_test/css/buttons/ctb_on_main_toolbars.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,10 @@
/* Github: https://github.com/aris-t2/customcssfortb ********************************************/


/* disable toolbar size jumping in TB 115+ */
.unified-toolbar {
min-height: 32px !important;
}
.icons-above-text .unified-toolbar {
min-height: 48px !important;
}
.unified-toolbar-button {
gap: 0px !important;
}


#addressingWidgetLabels label,
#headers-box .aw-menulist, #headers-box #msgIdentity,#folderpane-mode-selector-menulist,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) toolbarbutton[type="menu-button"] > .toolbarbutton-icon,
/*:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-menubutton-dropmarker > image,*/
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-menubutton-button .toolbarbutton-icon,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:is(:hover,[checked=true],[open=true],[type="menu-button"]) > .toolbarbutton-icon,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[type="menu-button"] > .toolbarbutton-menubutton-dropmarker::before{
.chromeclass-toolbar #spacesPinnedButton,
.chromeclass-toolbar #spacesPinnedButton .toolbarbutton-badge-stack,
.chromeclass-toolbar #spacesPinnedButton .toolbarbutton-badge-stack .toolbarbutton-icon,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 :is(.toolbarbutton-menubutton-button,.toolbarbutton-menubutton-dropmarker) {
appearance: none !important;
background: none !important;
background-image: none !important;
Expand All @@ -31,13 +16,8 @@
}

.unified-toolbar-button,
#addressingWidgetLabels label,
#headers-box .aw-menulist, #headers-box #msgIdentity,#folderpane-mode-selector-menulist,
/*:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,*/
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar) .toolbarbutton-1{
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 {
appearance: none !important;
padding: 1px 5px !important;
background: rgba(151,152,153,.05)
linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%,
rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)) !important;
Expand All @@ -50,60 +30,8 @@
}


#quick-filter-bar-main-bar toolbarbutton{
border-radius: 2.5px !important;
}

#addressingWidgetLabels label,
/*:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,*/
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 {
padding-left: 3px !important;
padding-right: 3px !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[type="menu-button"] {
appearance: none !important;
padding: 0 !important;
background: none !important;
border: none !important;
box-shadow: none !important;
}
#addressingWidgetLabels label,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 {
margin: 1px 3px !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 {
margin-left: 1px !important;
margin-right: 1px !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-border-start-style: none !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[disabled="true"]{
opacity: .8 !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[disabled="true"] > .toolbarbutton-icon {
opacity: .5 !important;
}

.unified-toolbar-button:hover,
#addressingWidgetLabels label:hover,
#headers-box .aw-menulist:hover, #headers-box #msgIdentity:hover,#folderpane-mode-selector-menulist:hover,
#quick-filter-bar-main-bar toolbarbutton:not([checked="true"]):hover,
/*:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):not(:active):hover,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:not([open="true"]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),*/
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover {
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:hover {
background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
Expand All @@ -114,53 +42,11 @@
box-shadow .3s ease-in !important;
}

.unified-toolbar-button:is(:hover:active,[checked="true"]),
#addressingWidgetLabels label:hover:active,
#headers-box .aw-menulist:hover:active, #headers-box #msgIdentity:hover:active,#folderpane-mode-selector-menulist:hover:active,
#quick-filter-bar-main-bar toolbarbutton[checked="true"],
#quick-filter-bar-main-bar toolbarbutton[checked="true"]:hover,
/*:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):hover:active,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker,*/
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):hover:active,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:not([type="menu-button"])[checked="true"],
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[open="true"] {
.unified-toolbar-button:is(:hover:active,[checked="true"],[open="true"]),
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1:is(:hover:active,[checked="true"],[open="true"]) {
background-color: transparent !important;
border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important;
box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset,
0 0 2px rgba(0,0,0,.4) inset,
0 1px 0 rgba(255,255,255,.4) !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1[checked="true"]:not(:active):hover{
background-color: rgba(90%,90%,90%,.4) !important;
transition: background-color .4s !important;
}
#quick-filter-bar-main-bar toolbarbutton:active:hover,
#quick-filter-bar-main-bar toolbarbutton[checked="true"]:hover {
background-color: transparent !important;
border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important;
box-shadow: 0 0 6.5px rgba(0,0,0,.1) inset,
0 0 2px rgba(0,0,0,.4) inset,
0 1px 0 rgba(255,255,255,.4) !important;
}
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
:is(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar,#quick-filter-bar) .toolbarbutton-1 > .toolbarbutton-icon {
margin-inline-end: 0 !important;
}

#msgIdentity.addressingWidget-separator::after {
visibility: hidden !important;
}

.chromeclass-toolbar #spacesPinnedButton,
.chromeclass-toolbar #spacesPinnedButton .toolbarbutton-badge-stack,
.chromeclass-toolbar #spacesPinnedButton .toolbarbutton-badge-stack .toolbarbutton-icon {
padding: initial !important;
appearance: none !important;
background: none !important;
background-image: none !important;
border-color: transparent !important;
box-shadow: none !important;
transition-property: none !important;
transition-duration: 0ms !important;
}
115 changes: 0 additions & 115 deletions 115_test/css/buttons/ctb_on_tabstoolbar.css
View file

This file was deleted.

23 changes: 0 additions & 23 deletions 115_test/css/buttons/tab_toolbar_buttons_before_tabs.css
View file

This file was deleted.

7 changes: 0 additions & 7 deletions 115_test/css/buttons/tab_toolbar_buttons_hidden.css
View file

This file was deleted.

Loading

0 comments on commit 9776f1e

Please sign in to comment.