Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-08 22:18:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: Improve structure

Browse source
This commit is contained in:
Rene Hampölz 2023-05-30 10:27:18 +00:00
parent c191489891
commit d7d8fc2314
1 changed files with 69 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

130
integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
View file

@ -8,10 +8,6 @@
* app layout changes, background & color
*/
:root {
--link-color: var(--color-primary-light-text);
}
#rl-app {
color: var(--color-main-text);
background-color: transparent;
@ -30,18 +26,44 @@
width: 300px;
}
html.rl-left-panel-disabled #rl-app #rl-left {
width: 65px !important;
}
#rl-app #rl-right {
background-color: var(--color-main-background);
}
#rl-app input {
box-shadow: none;
}
#rl-app hr {
border-bottom-color: var(--color-border-dark);
}
#rl-app .resizer {
opacity: 1;
background-color: unset;
border-right: solid 1px var(--color-border);
}
#rl-app .row {
margin-left: unset;
}
#rl-app .messageList,
#rl-app .messageView {
margin: 0 5px;
border: none;
box-shadow: none !important;
background: var(--color-main-background);
}
/*
* links
*/
:root {
--link-color: var(--color-primary-light-text);
}
#rl-app a[target="_blank"],
#rl-app #messageItem .b-text-part a {
color: var(--color-primary-light-text);
@ -54,53 +76,9 @@
color: var(--color-primary);
}
#rl-app .resizer {
opacity: 1;
background-color: unset;
border-right: solid 1px var(--color-border);
}
#rl-app .messageList,
#rl-app .messageView {
margin: 0 5px;
border: none;
box-shadow: none !important;
background: var(--color-main-background);
}
#rl-app .b-folders .b-toolbar {
height: unset;
display: flex;
flex-direction: row;
padding: 8px;
}
html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
flex-direction: column;
}
html.rl-left-panel-disabled #rl-app #rl-left {
width: 65px !important;
}
@media screen and (min-width: 1000px) {
#rl-app .b-folders .btn.buttonContacts {
transition: none;
}
}
#rl-app .b-folders .b-content {
top: 60px;
bottom: 162px;
}
#rl-app .b-folders .b-content.show-on-panel-disabled {
bottom: 56px;
}
#rl-app .row {
margin-left: unset;
}
/*
* error tips
*/
#rl-app [data-rainloopErrorTip]::before,
#rl-app #V-PopupsPlugin .help-block span {
@ -287,12 +265,32 @@ html.rl-left-panel-disabled #rl-app #rl-left:has(#V-SettingsMenu:not([hidden]))
width: 250px !important;
}
#rl-app .b-folders .b-toolbar {
height: unset;
display: flex;
flex-direction: row;
padding: 8px;
}
html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
flex-direction: column;
}
#rl-app #V-AdminMenu nav,
#rl-app #V-SettingsMenu nav,
#rl-app .b-folders .b-content {
padding: calc(var(--default-grid-baseline) * 2);
}
#rl-app .b-folders .b-content {
top: 60px;
bottom: 162px;
}
#rl-app .b-folders .b-content.show-on-panel-disabled {
bottom: 56px;
}
#rl-app #V-AdminMenu nav a,
#rl-app #V-AdminPane>.b-toolbar,
#rl-app #V-SettingsMenu nav a,
@ -577,6 +575,12 @@ html.rl-left-panel-disabled #rl-app #rl-left:has(#V-SettingsMenu:not([hidden]))
width: 44px;
}
@media screen and (min-width: 1000px) {
#rl-app .b-folders .btn.buttonContacts {
transition: none;
}
}
#rl-app .b-footer.btn-toolbar .btn,
#rl-app #V-SettingsPane .btn-toolbar .btn {
background: transparent;
@ -672,6 +676,16 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f
* inputs
*/
#rl-app input {
box-shadow: none;
}
#rl-app input:hover,
#rl-app input:active,
#rl-app input:focus {
border-color: var(--color-primary-element);
}
#rl-app input:not([type="checkbox"]) {
padding: 0 12px;
font-size: var(--default-font-size);
@ -683,12 +697,6 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f
border-radius: var(--border-radius-large);
}
#rl-app input:hover,
#rl-app input:active,
#rl-app input:focus {
border-color: var(--color-primary-element);
}
#rl-app input[type="search"]::-webkit-search-decoration,
#rl-app input[type="search"]::-webkit-search-cancel-button,
#rl-app input[type="search"]::-webkit-search-results-button,