improve themes section in preferences

This commit is contained in:
Izalia Mae 2022-09-03 20:25:42 -04:00
parent b35f12b990
commit 1f8db41656
2 changed files with 43 additions and 46 deletions

View file

@ -7,7 +7,7 @@ details .container {
margin-left: 20px;
}
details:not(.theme) .grid-container {
details:not(.theme) .grid-container:not(.theme) {
grid-template-columns: max-content auto max-content;
}
@ -32,15 +32,10 @@ input[type='number'] {
}
.theme.system summary {
grid-template-columns: max-content auto max-content !important;
}
.theme.user summary {
grid-template-columns: max-content auto max-content max-content !important;
}
.theme {
.theme details {
background: var(--ui-background) !important;
padding: 2px 2px 2px 5px !important;
}
.theme.grid-container {
grid-template-columns: auto max-content;
}

View file

@ -25,50 +25,52 @@
=config_checkbox('Load all tabs on startup', 'load_tabs', config.load_tabs)
=config_checkbox('Load tab when switching if it is unloaded', 'load_switch', config.load_switch)
%details.category.section open
%summary << System Themes
-for theme in themes.system.values()
%details.section.theme.system id='{{theme.hash}}' open
%summary -> =theme.name
.container
.author << Author: {{theme.author}}
-if theme.license
.license << License: {{theme.license}}
-if theme.url
%a.url href='{{theme.url}}' << Website
.buttons
-if not themes.current and themes.current_system == theme.hash
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Disable
-else
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Enable
%details.category.section open
%summary << User Themes
-for theme in themes.user.values()
%details.section.theme.user id='{{theme.hash}}' open
%summary -> =theme.name
.theme.grid-container id='{{theme.hash}}'
%details.section.user
%summary -> =theme.name
.container
.author << Author: {{theme.author}}
.container
.author << Author: {{theme.author}}
-if theme.license
.license << License: {{theme.license}}
-if theme.license
.license << License: {{theme.license}}
-if theme.url
%a.url href='{{theme.url}}' << Website
-if theme.url
%a.url href='{{theme.url}}' << Website
.buttons
-if themes.current == theme.hash
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Disable
.buttons
-if themes.current == theme.hash
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Disable
-else
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Enable
-else
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Enable
%a.grid-item.button onclick='delete_item("/preferences/theme/delete", "{{theme.hash}}")' << Delete
%a.grid-item.button onclick='delete_item("/preferences/theme/delete", "{{theme.hash}}")' << Delete
%details.category.section open
%summary << System Themes
-for theme in themes.system.values()
.theme.grid-container id='{{theme.hash}}'
%details.section.system
%summary -> =theme.name
.container
.author << Author: {{theme.author}}
-if theme.license
.license << License: {{theme.license}}
-if theme.url
%a.url href='{{theme.url}}' << Website
.buttons
-if not themes.current and themes.current_system == theme.hash
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Disable
-else
%a.grid-item.button.activate onclick='toggle_theme("{{theme.hash}}")' << Enable
%details.category.section {{'open' if pass_type == 'bitwarden' else ''}}
%summary << Password Storage: Bitwarden