fx115 fixes

A number of style changes to fix layout for fx115.

- Make panes occupy all width/height based on layout.
- Display the tag splitter on windows and mac.
- Fix to odd fx115 behavior that gives an un-collapsed pane the
initial width of min-width * 2.
- Ensure that whenever there is a width attribute on contextPane, it will
be present in the style as well.
- Set width = 0 on zotero pane when it is not selected because it kept
preventing the contextPane from properly expanding.
- Context pane has its height changed on splitter drag.
- Set height of the context pane in stacked mode to 0 to avoid
having a blank gap after collapse.
- Remove negative margin before the toolbar if the collection tree
is collapsed on mac.
- Tweaks splitter styles to have mouse target of more than 1px.
Added positive z-index to make sure splitters are not covered by panes.
Splitter styles are somewhat unified for all platforms.
- Fix lookup panel sizing
- Quicksearch margin edits to not squize the input field.
- Collection and quick search fields layout fixed
- Use flex properties to fix layout
- fix outline display for editable-text
- fix the contextpane width going out of bounds
- stacked itemPane is visible after layout change
- In stacked view, prevent itemPane from being dragged so high that
it covers itemTree and overlaps with toolbar

scss/components/_contextPane.scss

@@ -2,6 +2,10 @@
 	min-width: $min-width-collections-pane + $min-width-items-pane;
 }
 
+#tabs-deck:not([selectedIndex="0"]) #zotero-pane {
+	width: 0; /* Prevent the main pane from stretching the deck of the reader */
+}
+
 #zotero-context-pane {
 	display: flex;
 	min-width: $min-width-context-pane;
@@ -33,13 +37,30 @@
 }
 
 #zotero-context-pane-inner {
-	width: 0;
 	background: var(--material-background);
 	font: message-box;
 	font-size: inherit;
 	min-height: 100px;
 	height: 0;
 	pointer-events: auto;
+	background: var(--material-sidepane)
+}
+
+.zotero-context-panes-deck {
+	width: 100%;
+	display: block;
+}
+
+.zotero-context-panes-deck > deck {
+	height: 100%;
+}
+
+.zotero-view-item-container {
+	height: 100%;
+}
+
+#zotero-context-pane-inner  {
+	height: 0;
 }
 
 #zotero-item-toolbar {
@@ -92,3 +113,9 @@
 #zotero-context-pane-inner[collapsed=true] .zotero-view-item > tabpanel > * {
 	overflow: unset !important;
 }
+
+// fx115 - stop width or height from being set by dragging the splitter
+.zotero-view-item-sidenav {
+	width: auto !important;
+	height: auto !important;
+}

scss/components/_item-tree.scss

@@ -2,13 +2,12 @@
 
 #zotero-items-pane-container {
 	min-width: $min-width-items-pane;
+	height: 150px;
+	min-height: 200px;
 }
 
 #zotero-items-pane {
 	min-width: $min-width-items-pane;
-	min-height: 150px;
-	height: 150px;
-	width: 290px;
 }
 
 #zotero-items-tree {

scss/components/_mainWindow.scss

@@ -11,3 +11,6 @@
 	// Let window chrome, tabs, and toolbar shrink even when sidebars overflow
 	min-width: 0;
 }
+#browser, #zotero-pane-stack, #zotero-trees {
+	min-height: 0;
+}

scss/components/_search.scss

@@ -65,7 +65,9 @@ search-textbox {
 	// right: 2px padding + 8px dropmarker width + 4px padding + 6px padding
 	// Use explicit left/right padding here because this element is flipped in RTL (see below)
 	padding: 6px 4px 6px 6px;
-	margin: 0;
+	margin: 0px;
+	width: auto; // override fx115 default width
+	display: block; // override fx115 display:none on macOS
 }
 
 :is(search-textbox):-moz-locale-dir(rtl)::part(search-sign),

scss/components/_tabBar.scss

@@ -7,6 +7,7 @@
 	background: var(--material-tabbar);
 	-moz-window-dragging: drag;
 	min-height: var(--tab-min-height);
+	flex: 1;
 
 	@include macOS-inactive-opacity;
 	

scss/components/_tagSelector.scss

@@ -13,6 +13,7 @@
 	min-height: 100px;
 	width: 100%;
 	display: flex;
+	height: 100%;
 }
 
 .tag-selector {

scss/components/_toolbar.scss

@@ -67,6 +67,7 @@
 	padding-inline-end: 6px;
 	margin: 0;
 	appearance: none;
+	height: 28px;
 }
 
 #zotero-collections-search.visible {