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

Improved Nextcloud styling #569

Browse source
This commit is contained in:
the-djmaze 2022-10-24 17:36:20 +02:00
parent f793e276bc
commit dee4e05e17
3 changed files with 37 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
dev/Styles/User/FolderList.less
View file

@ -99,15 +99,15 @@
pointer-events: none; pointer-events: none;
} }
&.focused {
background-color: var(--folders-focused-bg-color, #333);
color: var(--folders-focused-color, #eee);
}
&.selected { &.selected {
background-color: var(--folders-selected-bg-color, #333); background-color: var(--folders-selected-bg-color, #333);
color: var(--folders-selected-color, #eee); color: var(--folders-selected-color, #eee);
} }
&.focused {
background-color: var(--folders-focused-bg-color, #333);
color: var(--folders-focused-color, #eee);
}
} }
&:not(.selectable) { &:not(.selectable) {
cursor: default; cursor: default;

2
dev/Styles/User/MessageList.less
View file

@ -8,6 +8,7 @@ html.rl-no-preview-pane {
#V-MailMessageList.focused .messageList { #V-MailMessageList.focused .messageList {
border-color: #9d9d9d; border-color: #9d9d9d;
box-shadow: @rlMainShadow;
} }
#sort-list-dropdown-id { #sort-list-dropdown-id {
@ -26,7 +27,6 @@ html.rl-no-preview-pane {
background-color: #fff; background-color: #fff;
border: 1px solid @rlMainDarkColor; border: 1px solid @rlMainDarkColor;
border-radius: @rlMainBorderRadius; border-radius: @rlMainBorderRadius;
box-shadow: @rlMainShadow;
/* /*
display: flex; display: flex;
flex-direction: column; flex-direction: column;

41
integrations/nextcloud/snappymail/app/themes/Nextcloud/styles.css
View file

@ -38,12 +38,12 @@
--border-radius: 3px; --border-radius: 3px;
--border-radius-large: 10px; --border-radius-large: 10px;
--border-radius-pill: 100px; --border-radius-pill: 100px;
--font-face: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Cantarell, Ubuntu, Helvetica Neue, Arial, sans-serif, Noto Color Emoji, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--default-font-size: 15px; --default-font-size: 15px;
--default-line-height: 24px; --default-line-height: 24px;
--animation-quick: 100ms; --animation-quick: 100ms;
--animation-slow: 300ms; --animation-slow: 300ms;
*/ */
--fontSans: var(--font-face);
/* MAIN */ /* MAIN */
--main-color: var(--color-main-text, #333); --main-color: var(--color-main-text, #333);
@ -70,14 +70,14 @@
/* FOLDERS */ /* FOLDERS */
--folders-color: #333; --folders-color: #333;
--folders-disabled-color: #999; --folders-disabled-color: #999;
--folders-selected-color: #eee; --folders-selected-color: var(--color-primary);
--folders-selected-bg-color: rgba(0,0,0,0.5); --folders-selected-bg-color: var(--color-background-darker);
--folders-focused-color: #eee; --folders-focused-color: var(--color-primary);
--folders-focused-bg-color: rgba(0,0,0,0.7); --folders-focused-bg-color: var(--color-background-dark);
--folders-hover-color: #eee; --folders-hover-color: var(--color-primary-hover);
--folders-hover-bg-color: rgba(0,0,0,0.5); --folders-hover-bg-color: var(--color-background-hover);
--folders-drop-color: #eee; --folders-drop-color: var(--color-primary-hover);
--folders-drop-bg-color: rgba(0,0,0,0.5); --folders-drop-bg-color: var(--color-background-hover);
/* SETTINGS */ /* SETTINGS */
--settings-menu-color: #333; --settings-menu-color: #333;
@ -104,6 +104,27 @@
content: 'Nextcloud: '; content: 'Nextcloud: ';
} }
.messageList, .messageView {
border-color: var(--color-border);
border-radius: var(--border-radius);
}
#V-MailFolderList.focused .b-content,
#V-MailMessageList.focused .messageList,
#V-MailMessageView.focused .messageView {
border-color: var(--color-border-dark);
box-shadow: 0 2px 8px var(--color-box-shadow);
}
#V-MailMessageView,
.b-folders .b-content {
bottom: 5px;
top: 50px;
}
.messageListItem * {
cursor: pointer;
}
/** /**
* hampoelz * hampoelz
* https://github.com/the-djmaze/snappymail/issues/96#issuecomment-1279783076 * https://github.com/the-djmaze/snappymail/issues/96#issuecomment-1279783076
@ -117,7 +138,7 @@ a.selectable {
margin: 2px; margin: 2px;
height: 38px !important; height: 38px !important;
line-height: 38px !important; line-height: 38px !important;
border-radius: 100px; border-radius: var(--border-radius-pill);
} }
a.selectable::after { a.selectable::after {