mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Set main window min-width/height dynamically (#3841)

Browse source 
Correctly calculates minimums when window is too small, so it grows
when the collection tree is made bigger.
This commit is contained in:
Abe Jellinek 2024-04-13 00:44:17 -07:00 • committed by GitHub
parent 860e2ce7ca
commit fc648a949a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 49 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

2
scss/components/_contextPane.scss
View file

@ -1,5 +1,5 @@
#tabs-deck {
min-width: $min-width-collections-pane + $min-width-items-pane;
min-width: $min-width-tabs-deck;
& > :not(.deck-selected) {
// Hide all sub-trees that are in the invisible tab deck

2
scss/components/_item-tree.scss
View file

@ -3,7 +3,7 @@
#zotero-items-pane-container {
min-width: $min-width-items-pane;
height: 150px;
min-height: 200px;
min-height: $min-height-items-pane;
}
#zotero-items-pane {

6
scss/components/_mainWindow.scss
View file

@ -3,10 +3,14 @@
}
#main-window {
min-width: $min-width-collections-pane + $min-width-items-pane + $min-width-item-pane + $width-sidenav;
min-width: max(var(--width-of-fixed-components) + $min-width-items-pane, $min-width-tabs-deck);
min-height: 300px;
}
#main-window.stacked {
min-height: calc(var(--height-of-fixed-components) + $min-height-items-pane + $height-toolbar);
}
#zotero-pane {
min-width: 0;
min-height: 0;

6
scss/components/_toolbar.scss
View file

@ -1,6 +1,6 @@
.toolbar {
height: 41px !important; /* Hard-code this to fix toolbar icon compression on Linux */
min-height: 41px; /* Needed to prevent squashing by stretched tag selector */
height: $height-toolbar !important; /* Hard-code this to fix toolbar icon compression on Linux */
min-height: $height-toolbar; /* Needed to prevent squashing by stretched tag selector */
margin: 0;
padding: 0px 8px 0px 8px;
min-width: 1px;
@ -121,4 +121,4 @@ toolbox {
background: Menu;
appearance: initial;
}
}
}