9bf4bac292
The collections pane height change in bf36a98 made the linux
collection pane vertical spacing very big. This resets it to previous spacing
235 lines
7.5 KiB
CSS
235 lines
7.5 KiB
CSS
/*
|
|
As of Fx36, the built-in styles don't properly handle a menu-button within combined buttons.
|
|
|
|
On Windows and Linux, the padding and hover effect (border and shading) are applied directly to
|
|
the .toolbarbutton-icon (image) instead of the toolbarbutton, so proper sizing of the SVG depends
|
|
on the total width including border and padding.
|
|
*/
|
|
|
|
/*
|
|
* Nav bar
|
|
*/
|
|
toolbar[id="nav-bar"] #zotero-toolbar-main-button .toolbarbutton-icon {
|
|
width: 28px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button .toolbarbutton-icon {
|
|
width: 30px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons #zotero-toolbar-main-button {
|
|
margin-right: -1px;
|
|
padding: 0; /* avoid shift on :active */
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-main-button .toolbarbutton-icon {
|
|
margin-left: 2px;
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button > .toolbarbutton-menubutton-button {
|
|
padding-left: 0;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button > .toolbarbutton-menubutton-button .toolbarbutton-icon {
|
|
padding-left: 6px !important;
|
|
padding-right: 6px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker {
|
|
width: 18px !important;
|
|
margin-top: 6px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
|
|
padding-left: 14px !important;
|
|
padding-right: 3px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
padding-left: 8px !important;
|
|
padding-right: 8px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > separator {
|
|
/* Copied from .toolbarbutton-menubutton-dropmarker::before */
|
|
display: -moz-box;
|
|
width: 1px;
|
|
height: 18px;
|
|
-moz-margin-end: -1px;
|
|
background-clip: padding-box;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1px 18px;
|
|
box-shadow: var(--toolbarbutton-combined-boxshadow);
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-main-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .dropmarker-icon {
|
|
border-color: var(--toolbarbutton-hover-bordercolor) !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover:not(:active) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
|
|
background: inherit;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button:hover:not(:active) > .toolbarbutton-icon,
|
|
/* This selector doesn't work, so the dropmarker doesn't get a hover effect. :hover doesn't seem
|
|
to have an effect on either part of the dropmarker */
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker:hover > .dropmarker-icon {
|
|
background: var(--toolbarbutton-hover-background) !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover:active:not([open]):not([disabled]) .toolbarbutton-menubutton-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover[open]:not([disabled]) .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
|
|
background: var(--toolbarbutton-active-background);
|
|
border-color: var(--toolbarbutton-active-bordercolor);
|
|
box-shadow: var(--toolbarbutton-active-boxshadow);
|
|
transition-duration: 10ms;
|
|
}
|
|
|
|
|
|
/*
|
|
* Alterations for non-nav-bar toolbars
|
|
*/
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button > .toolbarbutton-icon,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button-single > .toolbarbutton-icon,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
|
|
height: 16px;
|
|
width: 16px;
|
|
padding: 0;
|
|
}
|
|
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-buttons separator {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Alterations for overflow panel */
|
|
#zotero-toolbar-main-button-single[overflowedItem=true] .toolbarbutton-icon,
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button .toolbarbutton-icon,
|
|
#zotero-toolbar-save-button-single[overflowedItem=true] .toolbarbutton-icon,
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button .toolbarbutton-icon {
|
|
width: 16px;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] {
|
|
margin-left: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button {
|
|
max-width: 28px !important;
|
|
margin: 0 4px 0 0 !important;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button .toolbarbutton-menubutton-button {
|
|
margin-left: 8px;
|
|
}
|
|
/* End toolbar buttons */
|
|
|
|
|
|
/*
|
|
Override selected, unfocused tree row highlight color, which is too similar to the alternating
|
|
row color by default
|
|
*/
|
|
#zotero-collections-tree treechildren::-moz-tree-row(selected),
|
|
#zotero-items-tree treechildren::-moz-tree-row(selected) {
|
|
background-color: #D4D4D4;
|
|
}
|
|
|
|
#zotero-collections-tree treechildren::-moz-tree-row(selected, focus),
|
|
#zotero-items-tree treechildren::-moz-tree-row(selected, focus) {
|
|
background-color: Highlight;
|
|
}
|
|
|
|
#zotero-collections-tree treechildren::-moz-tree-row {
|
|
height: 1.3em;
|
|
}
|
|
|
|
|
|
@media (min-resolution: 1.5dppx) {
|
|
#zotero-pane .toolbarbutton-icon {
|
|
width: 16px;
|
|
}
|
|
|
|
#zotero-tb-sync > .toolbarbutton-icon {
|
|
width: 20px;
|
|
}
|
|
}
|
|
|
|
/* Dropmarker added automatically on Linux */
|
|
.toolbarbutton-menu-dropmarker, #zotero-tb-search-menu-button {
|
|
list-style-image: none;
|
|
}
|
|
|
|
.zotero-tb-button:not([type=menu]) {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
#zotero-tb-search-menu-button {
|
|
-moz-appearance: toolbarbutton-dropdown !important;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
#zotero-tb-search-menu-button .button-menu-dropmarker {
|
|
display: none;
|
|
}
|
|
|
|
#zotero-tb-search .textbox-search-icon {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Fixes tabs missing styling on (GTK 3.20) Ubuntu 16.10. See https://bugzilla.mozilla.org/show_bug.cgi?id=1306425 */
|
|
tabpanels {
|
|
-moz-appearance: none;
|
|
border: 1px solid hsla(0, 0%, 0%, 0.2);
|
|
|
|
}
|
|
tab {
|
|
-moz-appearance: none;
|
|
border-top: 1px solid hsla(0, 0%, 0%, 0.2);
|
|
border-right: 1px solid hsla(0, 0%, 0%, 0.2);
|
|
border-left: 1px solid hsla(0, 0%, 0%, 0.2);
|
|
-moz-border-top-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-left-colors: none;
|
|
}
|
|
/* Fixes misc Ubuntu 16.10 rendering issue fixes. */
|
|
#zotero-prefs menulist dropmarker{
|
|
width: 30px;
|
|
}
|
|
#zotero-prefs .numberbox-input-box{
|
|
-moz-appearance: textfield;
|
|
}
|
|
/* Grippy icon missing anyway */
|
|
#zotero-pane splitter{
|
|
width: 6px;
|
|
}
|
|
|