mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-12-30 19:41:46 +08:00
chore: Improve attachment items
This commit is contained in:
parent
62cf66b8ec
commit
23572a1272
1 changed files with 67 additions and 39 deletions
|
@ -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
|
||||
*/
|
||||
|
|
Loading…
Reference in a new issue