Widen left navigation to 300px and set max-width of right sidebar to 500px

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
Jan-Christoph Borchardt 2018-07-17 11:24:21 +02:00 committed by Morris Jobke
parent ecaf4d7008
commit a9f65390f6
No known key found for this signature in database
GPG key ID: FE03C3A163FEDE68
2 changed files with 6 additions and 9 deletions

View file

@ -633,7 +633,8 @@ kbd {
*/
#app-sidebar {
width: 27vw;
min-width: $sidebar-width;
min-width: $sidebar-min-width;
max-width: $sidebar-max-width;
display: block;
position: relative;
background: var(--color-main-background);
@ -670,8 +671,6 @@ kbd {
/* restrict height of settings and make scrollable */
max-height: 300px;
overflow-y: auto;
border-right: 1px solid var(--color-border);
width: 250px;
box-sizing: border-box;
/* display input fields at full width */
@ -699,8 +698,6 @@ kbd {
}
#app-settings-header {
border-right: 1px solid var(--color-border);
width: 250px;
box-sizing: border-box;
background-color: var(--color-main-background);
}
@ -1026,7 +1023,7 @@ $popovericon-size: 16px;
}
}
/* CONTENT LIST ------------------------------------------------------------ */
.app-content-list {
width: 300px;
@ -1179,4 +1176,3 @@ $popovericon-size: 16px;
}
}
}

View file

@ -79,5 +79,6 @@ $font-face: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif !de
// various structure data
$header-height: 50px;
$navigation-width: 250px;
$sidebar-width: 300px;
$navigation-width: 300px;
$sidebar-min-width: 300px;
$sidebar-max-width: 500px;