the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-01-01 20:42:19 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: Add textareas

Browse source
This commit is contained in:
Rene Hampölz 2023-02-20 12:46:06 +00:00
parent 9e29238ed1
commit 5dd0eaefe0
1 changed files with 47 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -635,6 +635,45 @@ select option {
/* TODO */
}
/*
* textareas
*/
#rl-app .squire-toolbar {
height: 50px;
box-sizing: content-box;
border-color: var(--color-border);
}
#rl-app textarea,
#rl-app div[contenteditable],
#rl-app .squire-wysiwyg,
#rl-app .squire-plain {
padding: 8px 12px;
margin: unset;
font-size: var(--default-font-size);
color: var(--color-main-text);
background-color: unset;
outline: none;
border: 2px solid var(--color-border-dark);
border-radius: var(--border-radius-large);
}
#rl-app textarea:hover,
#rl-app div[contenteditable=true]:hover,
#rl-app .squire-wysiwyg:hover,
#rl-app .squire-plain:hover,
#rl-app textarea:active,
#rl-app div[contenteditable=true]:active,
#rl-app .squire-wysiwyg:active,
#rl-app .squire-plain:active,
#rl-app textarea:focus,
#rl-app div[contenteditable=true]:focus,
#rl-app .squire-wysiwyg:focus,
#rl-app .squire-plain:focus {
border-color: var(--color-primary-element);
}
/*
* checkboxes
*/
@ -1364,6 +1403,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
background-color: transparent;
}
::-webkit-resizer {
border: 10px solid transparent;
border-radius: var(--border-radius);
border-bottom-color: var(--color-border-dark);
border-right-color: var(--color-border-dark);
}
#rl-app::selection {
background-color: var(--color-primary-element);
color: var(--color-primary-text);
@ -1387,14 +1433,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
background: unset;
}
#rl-app .squire-toolbar {
height: 50px;
box-sizing: content-box;
}
#rl-app dialog > header,
#rl-app dialog > footer,
#rl-app .squire-toolbar {
#rl-app dialog > footer {
border-color: var(--color-border);
}