chore: Add admin side panel

This commit is contained in:
Rene Hampölz 2022-12-17 21:48:57 +00:00
parent 4aa684e186
commit cdb4c0a3cf

View file

@ -25,6 +25,11 @@
backdrop-filter: var(--filter-background-blur, none); backdrop-filter: var(--filter-background-blur, none);
} }
#rl-app #rl-left,
#rl-app #V-AdminPane>.b-toolbar {
width: 300px;
}
#rl-app #rl-right { #rl-app #rl-right {
background-color: var(--color-main-background); background-color: var(--color-main-background);
} }
@ -64,9 +69,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
} }
} }
#rl-app #V-AdminMenu nav,
#rl-app #V-SettingsMenu nav.b-content, #rl-app #V-SettingsMenu nav.b-content,
.b-folders .b-content { .b-folders .b-content {
padding: 8px; padding: calc(var(--default-grid-baseline) * 2);
} }
#rl-app .b-folders .b-content { #rl-app .b-folders .b-content {
@ -102,8 +108,17 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
* side panel * side panel
*/ */
#rl-app #V-SettingsMenu nav a, #rl-app #V-AdminPane>.b-toolbar {
#rl-app .b-folders li a.selectable { top: 0;
left: 0;
padding-top: calc(var(--default-grid-baseline) * 2) !important;
font-weight: bold;
}
#rl-app #V-AdminMenu nav a,
#rl-app #V-AdminPane>.b-toolbar,
#rl-app #V-SettingsMenu nav a,
#rl-app .b-folders li a.selectable {
margin: 2px; margin: 2px;
padding: 0 2em 0 15px; padding: 0 2em 0 15px;
height: 38px; height: 38px;
@ -113,18 +128,23 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
border: none; border: none;
} }
#rl-app #V-AdminMenu nav a,
#rl-app #V-AdminPane>.b-toolbar,
#rl-app #V-SettingsMenu nav a { #rl-app #V-SettingsMenu nav a {
height: 44px; height: 44px;
min-height: 44px; min-height: 44px;
line-height: 44px; line-height: 44px;
} }
#rl-app #V-AdminMenu nav a.selected,
#rl-app #V-SettingsMenu nav a.selected, #rl-app #V-SettingsMenu nav a.selected,
#rl-app .b-folders li a.selectable.selected { #rl-app .b-folders li a.selectable.selected {
color: unset; color: unset;
background-color: var(--color-primary-light); background-color: var(--color-primary-light);
} }
#rl-app #V-AdminMenu nav a:not(.selected):hover,
#rl-app #V-AdminMenu nav a:not(.selected):focus,
#rl-app #V-SettingsMenu nav a:not(.selected):hover, #rl-app #V-SettingsMenu nav a:not(.selected):hover,
#rl-app #V-SettingsMenu nav a:not(.selected):focus, #rl-app #V-SettingsMenu nav a:not(.selected):focus,
#rl-app .b-folders li a.selectable:not(.selected):hover, #rl-app .b-folders li a.selectable:not(.selected):hover,