Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-06-27 00:36:44 +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;
}
&.focused {
background-color: var(--folders-focused-bg-color, #333);
color: var(--folders-focused-color, #eee);
}
&.selected {
background-color: var(--folders-selected-bg-color, #333);
color: var(--folders-selected-color, #eee);
}
&.focused {
background-color: var(--folders-focused-bg-color, #333);
color: var(--folders-focused-color, #eee);
}
}
&:not(.selectable) {
cursor: default;

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

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

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

@ -38,12 +38,12 @@
--border-radius: 3px;
--border-radius-large: 10px;
--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-line-height: 24px;
--animation-quick: 100ms;
--animation-slow: 300ms;
*/
--fontSans: var(--font-face);
/* MAIN */
--main-color: var(--color-main-text, #333);
@ -70,14 +70,14 @@
/* FOLDERS */
--folders-color: #333;
--folders-disabled-color: #999;
--folders-selected-color: #eee;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #eee;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #eee;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #eee;
--folders-drop-bg-color: rgba(0,0,0,0.5);
--folders-selected-color: var(--color-primary);
--folders-selected-bg-color: var(--color-background-darker);
--folders-focused-color: var(--color-primary);
--folders-focused-bg-color: var(--color-background-dark);
--folders-hover-color: var(--color-primary-hover);
--folders-hover-bg-color: var(--color-background-hover);
--folders-drop-color: var(--color-primary-hover);
--folders-drop-bg-color: var(--color-background-hover);
/* SETTINGS */
--settings-menu-color: #333;
@ -104,6 +104,27 @@
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
* https://github.com/the-djmaze/snappymail/issues/96#issuecomment-1279783076
@ -117,7 +138,7 @@ a.selectable {
margin: 2px;
height: 38px !important;
line-height: 38px !important;
border-radius: 100px;
border-radius: var(--border-radius-pill);
}
a.selectable::after {