From 740795f24935eadf45dbe058cd204679b974e7df Mon Sep 17 00:00:00 2001 From: Dan Stillman Date: Thu, 12 Jan 2017 02:16:30 -0500 Subject: [PATCH] Expand draggable area of splitters on macOS while preserving 1px width (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. --- .../content/zotero-platform/mac/overlay.css | 30 +++++++++++-------- 1 file changed, 18 insertions(+), 12 deletions(-) diff --git a/chrome/content/zotero-platform/mac/overlay.css b/chrome/content/zotero-platform/mac/overlay.css index 40995cc26..66125bd2e 100644 --- a/chrome/content/zotero-platform/mac/overlay.css +++ b/chrome/content/zotero-platform/mac/overlay.css @@ -213,7 +213,7 @@ background: -moz-linear-gradient(top, #ededed, #cccccc); border-style: solid; border-width: 0 0 1px 0; - border-color: #5e5e5e; + border-color: #bdbdbd; padding: 2px 0 2px 0; } @@ -297,28 +297,34 @@ 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-border-start: none !important; - -moz-border-end: none !important; - background-color: #8b8b8b !important; -} - -#zotero-collections-splitter, #zotero-items-splitter[orient=horizontal] -{ - max-width: 1px !important; - min-width: 1px !important; - width: 1px !important; + border-inline-start: 1px solid #bdbdbd; + margin-inline-end: -4px; + width: 5px !important; + min-width: 5px; + position: relative; + background-image: none; } #zotero-items-splitter[orient=vertical] { + -moz-border-start: none !important; + -moz-border-end: none !important; + background-color: #bdbdbd !important; max-height: 1px !important; min-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] { border: 0 solid #d6d6d6 !important; padding: 0;