suzanne.soy/zotero
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expand draggable area of splitters on macOS while preserving 1px width

Browse Source 
(Borrowing a technique from Thunderbird.)

This only affects the splitters in standard view. The splitter between the top
and bottom panes in stacked view still has a 1px draggable area.

We can probably do a similar thing to slim down splitters on Windows, as
planned in #367.
This commit is contained in:
Dan Stillman 2017-01-12 02:16:30 -05:00
parent 66549f9e6d
commit 740795f249
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
chrome/content/zotero-platform/mac/overlay.css
View File

@ -213,7 +213,7 @@
background: -moz-linear-gradient(top, #ededed, #cccccc); background: -moz-linear-gradient(top, #ededed, #cccccc);
border-style: solid; border-style: solid;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
border-color: #5e5e5e; border-color: #bdbdbd;
padding: 2px 0 2px 0; padding: 2px 0 2px 0;
} }
@ -297,28 +297,34 @@
list-style-image: url("chrome://zotero/skin/mac/twisty-selected-open.svg"); list-style-image: url("chrome://zotero/skin/mac/twisty-selected-open.svg");
} }
#zotero-collections-splitter, #zotero-items-splitter #zotero-collections-splitter:not([state=collapsed]),
#zotero-items-splitter:not([state=collapsed])[orient=horizontal]
{ {
-moz-appearance: none; -moz-appearance: none;
-moz-border-start: none !important; border-inline-start: 1px solid #bdbdbd;
-moz-border-end: none !important; margin-inline-end: -4px;
background-color: #8b8b8b !important; width: 5px !important;
} min-width: 5px;
position: relative;
#zotero-collections-splitter, #zotero-items-splitter[orient=horizontal] background-image: none;
{
max-width: 1px !important;
min-width: 1px !important;
width: 1px !important;
} }
#zotero-items-splitter[orient=vertical] #zotero-items-splitter[orient=vertical]
{ {
-moz-border-start: none !important;
-moz-border-end: none !important;
background-color: #bdbdbd !important;
max-height: 1px !important; max-height: 1px !important;
min-height: 1px !important; min-height: 1px !important;
height: 1px !important; height: 1px !important;
} }
#zotero-collections-splitter:not([state=collapsed]) > grippy,
#zotero-items-splitter:not([state=collapsed]) > grippy
{
display: none;
}
#zotero-collections-splitter[state=collapsed], #zotero-items-splitter[state=collapsed] { #zotero-collections-splitter[state=collapsed], #zotero-items-splitter[state=collapsed] {
border: 0 solid #d6d6d6 !important; border: 0 solid #d6d6d6 !important;
padding: 0; padding: 0;