the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-12-29 11:01:34 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: Improve attachment items

Browse source
This commit is contained in:
Rene Hampölz 2023-05-28 16:41:37 +00:00
parent 62cf66b8ec
commit 23572a1272
1 changed files with 67 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1221,31 +1221,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
user-select: none;
}
#rl-app #messageItem .attachmentsPlace .attachmentItem {
background-color: var(--color-background-dark);
border-radius: var(--border-radius);
box-shadow: none;
padding: 2px;
}
#rl-app #messageItem .attachmentsPlace .attachmentItem:hover,
#rl-app #messageItem .attachmentsPlace .attachmentItem:active {
background-color: var(--color-background-darker);
}
#rl-app #messageItem .attachmentsPlace .attachmentItem:focus {
outline: none;
}
#rl-app #messageItem .attachmentsPlace .attachmentItem .attachmentNameParent {
border-color: var(--color-border-dark);
}
#rl-app #messageItem .attachmentsPlace .attachmentItem .iconMain,
#rl-app #messageItem .attachmentsPlace .attachmentItem .iconPreview {
color: var(--color-text-light);
}
#rl-app #messageItem .attachmentsControls {
background-color: unset;
border-color: var(--color-border);
@ -1262,6 +1237,46 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
margin: 5px;
}
/*
* attachment item
*/
#rl-app .attachmentItem {
background-color: var(--color-background-dark);
border-radius: var(--border-radius);
box-shadow: none;
padding: 2px;
}
#rl-app .attachmentItem:hover,
#rl-app .attachmentItem:active {
background-color: var(--color-background-darker);
}
#rl-app .attachmentItem:focus {
outline: none;
}
#rl-app .attachmentItem .iconProgress {
background-color: var(--color-background-darker);
}
#rl-app .attachmentItem .iconBG {
font-weight: 700;
line-height: 48px;
font-size: unset;
text-shadow: unset;
}
#rl-app .attachmentItem .attachmentNameParent {
border-color: var(--color-border-dark);
}
#rl-app .attachmentItem .iconMain,
#rl-app .attachmentItem .iconPreview {
color: var(--color-text-light);
}
/*
* message flags
*/
@ -1608,25 +1623,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border-color: var(--color-border);
}
#rl-app #V-PopupsCompose .b-header {
background: unset;
}
#rl-app dialog > header,
#rl-app dialog > footer {
border-color: var(--color-border);
}
#rl-app #V-PopupsCompose header {
background-color: unset;
color: unset;
}
#rl-app #V-PopupsCompose header .close,
#rl-app #V-PopupsCompose header .minimize-custom {
border-color: unset;
}
#rl-app dialog > footer .btn+.btn {
margin: 0 0 0 5px;
}
@ -1679,6 +1680,33 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border-color: var(--color-primary-element);
}
/*
* compose
*/
#rl-app #V-PopupsCompose header {
background-color: unset;
color: unset;
}
#rl-app #V-PopupsCompose header .close,
#rl-app #V-PopupsCompose header .minimize-custom {
border-color: unset;
}
#rl-app #V-PopupsCompose .b-header {
background: unset;
}
#rl-app #V-PopupsCompose .attachmentAreaParent {
border-color: var(--color-border);
}
#rl-app #V-PopupsCompose .attachmentAreaParent .attachmentItem:hover,
#rl-app #V-PopupsCompose .attachmentAreaParent .attachmentItem:active {
background-color: var(--color-background-dark);
}
/*
* nextcloud file picker
*/