refactor: Improve structure

This commit is contained in:
Rene Hampölz 2022-12-18 19:56:22 +00:00
parent f88643ce65
commit aa1128d40c

View file

@ -85,7 +85,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
} }
/* /*
* icons * icons
*/ */
#rl-app .iconcolor-green { #rl-app .iconcolor-green {
@ -104,6 +104,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
vertical-align: -10%; vertical-align: -10%;
} }
#rl-app .drag-handle {
color: var(--color-text-lighter);
}
/* /*
* side panel * side panel
*/ */
@ -450,7 +454,7 @@ select option {
* email address select * email address select
*/ */
#rl-app .emailaddresses { #rl-app .emailaddresses {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
@ -484,7 +488,7 @@ select option {
* checkboxes * checkboxes
*/ */
#rl-app .e-component.e-checkbox.material-design { #rl-app .e-component.e-checkbox.material-design {
width: -moz-fit-content; width: -moz-fit-content;
width: -webkit-fill-available; width: -webkit-fill-available;
width: fit-content; width: fit-content;
@ -964,7 +968,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
* dropdown menus * dropdown menus
*/ */
#rl-app .dropdown.show { #rl-app .dropdown.show {
box-shadow: none; box-shadow: none;
} }
@ -1078,6 +1082,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border: none; border: none;
} }
#rl-app #V-SettingsPane #rl-settings-subscreen {
margin: 58px 0px 8px 0px;
height: calc(100% - 58px - 8px);
}
#rl-app #V-SettingsPane .btn-toolbar {
padding: 8px;
}
#rl-app .legend { #rl-app .legend {
color: unset; color: unset;
border-color: var(--color-border); border-color: var(--color-border);
@ -1088,19 +1101,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
align-items: center; align-items: center;
} }
#rl-app #V-SettingsPane .btn-toolbar {
padding: 8px;
}
#rl-app #V-SettingsPane #rl-settings-subscreen {
margin: 58px 0px 8px 0px;
height: calc(100% - 58px - 8px);
}
#rl-app #V-Settings-Config th {
background-color: var(--color-background-dark);
}
#rl-app .table-bordered, #rl-app .table-bordered,
#rl-app .table td, #rl-app .table td,
#rl-app .table th { #rl-app .table th {
@ -1112,11 +1112,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
background-color: var(--color-background-hover); background-color: var(--color-background-hover);
} }
#rl-app .drag-handle { #rl-app #V-Settings-Themes figure,
color: var(--color-text-lighter);
}
#rl-app #V-Settings-Themes figure,
#rl-app #V-Settings-Themes img { #rl-app #V-Settings-Themes img {
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
} }
@ -1154,6 +1150,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
height: calc(100% - 8px - 8px); height: calc(100% - 8px - 8px);
} }
#rl-app #V-Settings-Config th {
background-color: var(--color-background-dark);
}
/* /*
* scrollbar * scrollbar
*/ */