From af60c441b22bf45770a5b4be1886d42571c4df9a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 13:52:02 +0530 Subject: [PATCH 01/37] ui fixes for top header borders --- styles.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index ea1ecc5..9af6f7f 100644 --- a/styles.css +++ b/styles.css @@ -270,10 +270,12 @@ html.rl-left-panel-disabled #rl-app #rl-left{ } #rl-app .b-folders .b-toolbar { - height: unset; + height: 58px; display: flex; flex-direction: row; padding: 8px; + border-top:1px solid var(--color-border-grey); + border-bottom:1px solid var(--color-border-grey); } html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { @@ -2833,3 +2835,10 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font #rl-app #V-PopupsCompose .dropdown { width: 20px; } +#rl-app .rl-side-preview-pane #V-MailMessageList .resizer{ + margin-top: 58px; +} +.rl-side-preview-pane #V-MailMessageList .resizer{ + margin-top: 58px; +} + -- GitLab From e779245f3bb1e36110476f8667b0013c30d8c450 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 13:58:59 +0530 Subject: [PATCH 02/37] login form fix mobile --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 9af6f7f..6aec416 100644 --- a/styles.css +++ b/styles.css @@ -2257,7 +2257,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content .LoginView{ - width: 512px; + max-width: 512px; height: 528px; background-color: var(--color-main-background); border: 1px solid var(--color-border-light-second); @@ -2278,7 +2278,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content .LoginView form .buttonLogin{ padding: 12px 16px; - width: 424px; + max-width: 424px; height: 48px; background: var(--color-primary-element-text-blue); border-radius: 6px; -- GitLab From fd101005d130fc66fa8566b63a566c720dba9f2f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 15:34:48 +0530 Subject: [PATCH 03/37] border added to msg list --- styles.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index 6aec416..4fc91b5 100644 --- a/styles.css +++ b/styles.css @@ -259,6 +259,7 @@ html.rl-left-panel-disabled #rl-app #rl-left{ opacity: 1; background-color: unset; border-right: solid 1px var(--color-border); + margin-top: 58px; } #rl-app .messageList, @@ -821,8 +822,6 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f } #rl-app #V-MailMessageList .btn-toolbar { text-align: center; - border-left: 1px solid var(--color-border-grey); - border-right: 1px solid var(--color-border-grey); border-bottom: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { @@ -1202,7 +1201,9 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { background-color: var(--color-main-background); border-left-color: var(--color-main-background); } - +#rl-app .messageListItem{ + border-bottom: 1px solid var(--color-border-grey); +} #rl-app .messageListItem:hover, #rl-app .messageListItem.focused:hover { background-color: var(--color-main-background-translucent); @@ -2262,7 +2263,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-color: var(--color-main-background); border: 1px solid var(--color-border-light-second); border-radius: 8px; - + width: 100%; } #rl-content .LoginView form{ background-color: var(--color-main-background); -- GitLab From 1a865ede0c5b817b5ec75f6af599d715ec4c95bb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 17:03:42 +0530 Subject: [PATCH 04/37] icon to right --- styles.css | 52 +++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 41 insertions(+), 11 deletions(-) diff --git a/styles.css b/styles.css index 4fc91b5..eec68d4 100644 --- a/styles.css +++ b/styles.css @@ -821,7 +821,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f border-top: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList .btn-toolbar { - text-align: center; + text-align: left; border-bottom: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { @@ -1438,11 +1438,26 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar --msgflag-\\flagged-color: #ffca32; } -#rl-app .msgflag-\$label5:not(.focused) { border-color: var(--msgflag-\$label5-color); } -#rl-app .msgflag-\$label4:not(.focused) { border-color: var(--msgflag-\$label4-color); } -#rl-app .msgflag-\$label3:not(.focused) { border-color: var(--msgflag-\$label3-color); } -#rl-app .msgflag-\$label2:not(.focused) { border-color: var(--msgflag-\$label2-color); } -#rl-app .msgflag-\$label1:not(.focused) { border-color: var(--msgflag-\$label1-color); } +#rl-app .msgflag-\$label5:not(.focused) { + border-color: var(--msgflag-\$label5-color); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label4:not(.focused) { + border-color: var(--msgflag-\$label4-color); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label3:not(.focused) { + border-color: var(--msgflag-\$label3-color); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label2:not(.focused) { + border-color: var(--msgflag-\$label2-color); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label1:not(.focused) { + border-color: var(--msgflag-\$label1-color); + border-bottom: 1px solid var(--color-border-grey); +} #rl-app .msgflag-\$label5.focused:not(.selected) { border-color: var(--msgflag-\$label5-color) !important; } #rl-app .msgflag-\$label4.focused:not(.selected) { border-color: var(--msgflag-\$label4-color) !important; } @@ -1450,11 +1465,26 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .msgflag-\$label2.focused:not(.selected) { border-color: var(--msgflag-\$label2-color) !important; } #rl-app .msgflag-\$label1.focused:not(.selected) { border-color: var(--msgflag-\$label1-color) !important; } -#rl-app .msgflag-\$label5:not(.focused):hover { border-color: var(--msgflag-\$label5-color-hover); } -#rl-app .msgflag-\$label4:not(.focused):hover { border-color: var(--msgflag-\$label4-color-hover); } -#rl-app .msgflag-\$label3:not(.focused):hover { border-color: var(--msgflag-\$label3-color-hover); } -#rl-app .msgflag-\$label2:not(.focused):hover { border-color: var(--msgflag-\$label2-color-hover); } -#rl-app .msgflag-\$label1:not(.focused):hover { border-color: var(--msgflag-\$label1-color-hover); } +#rl-app .msgflag-\$label5:not(.focused):hover { + border-color: var(--msgflag-\$label5-color-hover); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label4:not(.focused):hover { + border-color: var(--msgflag-\$label4-color-hover); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label3:not(.focused):hover { + border-color: var(--msgflag-\$label3-color-hover); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label2:not(.focused):hover { + border-color: var(--msgflag-\$label2-color-hover); + border-bottom: 1px solid var(--color-border-grey); +} +#rl-app .msgflag-\$label1:not(.focused):hover { + border-color: var(--msgflag-\$label1-color-hover); + border-bottom: 1px solid var(--color-border-grey); +} #rl-app .msgflag-\$label1:not(.focused), #rl-app .msgflag-\$label1 .checkboxMessage, #rl-app .msgflag-\$label2:not(.focused), #rl-app .msgflag-\$label2 .checkboxMessage, -- GitLab From f1db51d1d6a5f76d33c4f6149afa88c90f0d9e1c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 17:25:32 +0530 Subject: [PATCH 05/37] profile icon align --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index eec68d4..89f0181 100644 --- a/styles.css +++ b/styles.css @@ -1615,6 +1615,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 8px; height:32px; min-height: 32px; + padding: 5px; } -- GitLab From a98020495896d63166765738442b9fdc9414c9fe Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 19:54:31 +0530 Subject: [PATCH 06/37] save button fix --- styles.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 89f0181..dca05a1 100644 --- a/styles.css +++ b/styles.css @@ -2873,4 +2873,9 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font .rl-side-preview-pane #V-MailMessageList .resizer{ margin-top: 58px; } - +#rl-app #rl-mobile .hide-mobile label[data-i18n="GLOBAL/SAVE"] { + display:block !important; +} +#rl-app #rl-popups #V-PopupsCompose .button-save i.fontastic { + display:none; +} -- GitLab From 47be897f2dba0feb7277bc1920537e46237618db Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 20:05:40 +0530 Subject: [PATCH 07/37] save button fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index dca05a1..effca9c 100644 --- a/styles.css +++ b/styles.css @@ -2873,7 +2873,7 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font .rl-side-preview-pane #V-MailMessageList .resizer{ margin-top: 58px; } -#rl-app #rl-mobile .hide-mobile label[data-i18n="GLOBAL/SAVE"] { +#rl-app #rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { display:block !important; } #rl-app #rl-popups #V-PopupsCompose .button-save i.fontastic { -- GitLab From e7bf3c747c0c01b4af268d577e6b1db1a008ffdb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 11 Jan 2023 22:19:23 +0530 Subject: [PATCH 08/37] tick icon fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index effca9c..653e05a 100644 --- a/styles.css +++ b/styles.css @@ -1893,7 +1893,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-top:9px; padding-top:9px; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .email-title::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .email-title[data-icon="✔"]::before { background-image: url('images/profiletick.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From e3a7960ef102edae305e6c3045199878941d4070 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 11:33:23 +0530 Subject: [PATCH 09/37] icon align fix --- styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 653e05a..3892cc4 100644 --- a/styles.css +++ b/styles.css @@ -1829,6 +1829,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; height:35px; + margin-top:10pxx; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(2) { background-image: url('images/attachnextcloud-files.svg'); @@ -2867,13 +2868,16 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font #rl-app #V-PopupsCompose .dropdown { width: 20px; } +#rl-app #V-PopupsCompose .pull-right .dropdown{ + width: 30px; +} #rl-app .rl-side-preview-pane #V-MailMessageList .resizer{ margin-top: 58px; } .rl-side-preview-pane #V-MailMessageList .resizer{ margin-top: 58px; } -#rl-app #rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { +html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { display:block !important; } #rl-app #rl-popups #V-PopupsCompose .button-save i.fontastic { -- GitLab From a1400ac958267f803f4968a9d065e27761b1719e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 11:46:17 +0530 Subject: [PATCH 10/37] icon align fix --- styles.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 3892cc4..a4ed1a9 100644 --- a/styles.css +++ b/styles.css @@ -1812,11 +1812,16 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: var(--color-main-background); border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; + height:35px; + } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) .icon-file-text { + vertical-align: middle; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) { background: var(--color-main-background); border: 1px solid var(--color-border-second) !important; border-radius: 0px 4px 4px 0px; + height:35px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active { background: rgba(0, 0, 0, 0.12); @@ -1829,7 +1834,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; height:35px; - margin-top:10pxx; + margin-top:10px; + width:41px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(2) { background-image: url('images/attachnextcloud-files.svg'); @@ -2574,6 +2580,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-popups #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active{ background:var(--color-border-second); + height: 35px; } #rl-app #rl-popups #V-PopupsCompose .b-header.g-ui-user-select-none .error-to::before { border: 1px solid var(--color-error-second); -- GitLab From ea091fb88e5a602e3985e8a0001507630c55bcdc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 12:42:07 +0530 Subject: [PATCH 11/37] compose font icon add --- styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles.css b/styles.css index a4ed1a9..fe077e7 100644 --- a/styles.css +++ b/styles.css @@ -1863,9 +1863,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn{ vertical-align: baseline; + background: var(--input-bg-clr,#fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ margin-left:3px; + background: var(--input-bg-clr,#fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, -- GitLab From 1c1e8edaaf3d0adcfee39c84a54b2f94312a4b96 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 12:51:43 +0530 Subject: [PATCH 12/37] compose icon align --- styles.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index fe077e7..d596170 100644 --- a/styles.css +++ b/styles.css @@ -2491,12 +2491,16 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets .btn, #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes .btn{ font-weight:400; + vertical-align: unset; +} +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-block .btn[data-action="ul"]{ + vertical-align: middle; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(3){ background-image: url('images/toolbar-folder.svg'); background-position: center center; background-repeat: no-repeat; - height: 20px; + height: 28px; width: 20px; color: transparent; content:""; @@ -2505,7 +2509,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/toolbar-photo.svg'); background-position: center center; background-repeat: no-repeat; - height: 20px; + height: 28px; width: 20px; color: transparent; content:""; -- GitLab From 726704853fd3bd31a4bd51079f1efdcfadb70e5c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 13:59:23 +0530 Subject: [PATCH 13/37] align right --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index d596170..2ea99d7 100644 --- a/styles.css +++ b/styles.css @@ -821,7 +821,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f border-top: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList .btn-toolbar { - text-align: left; + text-align: right; border-bottom: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { -- GitLab From 7ea62fea22a9657dc3c8dff46bf89197578bf278 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 16:03:26 +0530 Subject: [PATCH 14/37] mobile dark theme fix --- styles.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/styles.css b/styles.css index 2ea99d7..8913812 100644 --- a/styles.css +++ b/styles.css @@ -22,6 +22,12 @@ /* Default Nextcloud (v25) theme variables and colors */ :root { + --main-color: var(--color-main-text); + --main-bg-color: var(--color-main-background); + --main-bg-image: none; + --main-bg-size: auto; + --main-bg-repeat: repeat; + --main-font-size: 14px; --color-main-background: #ffffff; --color-main-background-not-plain: #0082c9; --color-main-background-rgb: 255,255,255; @@ -122,6 +128,12 @@ @media (prefers-color-scheme: dark) { :root { + --main-color: var(--color-main-text); + --main-bg-color: var(--color-main-background); + --main-bg-image: none; + --main-bg-size: auto; + --main-bg-repeat: repeat; + --main-font-size: 14px; --color-main-background: #171717; --color-main-background-not-plain: #0082c9; --color-main-background-rgb: 23,23,23; -- GitLab From cbaf16398b54a0f25efeb28dc71d4baa977867c9 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 12 Jan 2023 16:25:36 +0530 Subject: [PATCH 15/37] mobile dark theme fix --- styles.css | 212 +++++++++++++++++++++++++++-------------------------- 1 file changed, 107 insertions(+), 105 deletions(-) diff --git a/styles.css b/styles.css index 8913812..753d472 100644 --- a/styles.css +++ b/styles.css @@ -21,6 +21,7 @@ */ /* Default Nextcloud (v25) theme variables and colors */ + :root { --main-color: var(--color-main-text); --main-bg-color: var(--color-main-background); @@ -126,112 +127,113 @@ --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); } -@media (prefers-color-scheme: dark) { - :root { - --main-color: var(--color-main-text); - --main-bg-color: var(--color-main-background); - --main-bg-image: none; - --main-bg-size: auto; - --main-bg-repeat: repeat; - --main-font-size: 14px; - --color-main-background: #171717; - --color-main-background-not-plain: #0082c9; - --color-main-background-rgb: 23,23,23; - --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); - --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); - --filter-background-blur: blur(25px); - --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; - --color-background-hover: #212121; - --color-background-dark: #292929; - --color-background-black:rgba(0, 0, 0, 0.12); - --color-background-darker: #3b3b3b; - --color-placeholder-light: #313131; - --color-placeholder-dark: #4a4a4a; - --color-background-red: rgba(248, 67, 46, 0.08); - --color-background-orange: rgba(255, 122, 0, 0.08); - --color-background-green: rgba(68, 176, 76, 0.08); - --color-background-blue: rgba(8, 123, 249, 0.08); - --color-background-purple: rgba(176, 52, 240, 0.07); - --color-background-light-second: #f9f9f9; - --color-main-text: #D8D8D8; - --color-text-maxcontrast: #8c8c8c; - --color-text-maxcontrast-default: #8c8c8c; - --color-text-maxcontrast-background-blur: #919191; - --color-text-light: #bfbfbf; - --color-text-lighter: #a5a5a5; - --color-text-dark-second: rgba(0, 0, 0, 0.38); - --color-scrollbar: #3d3d3d; - --color-error: #e9322d; - --color-error-second: #F8432E; - --color-error-rgb: 233,50,45; - --color-error-hover: #ed5a56; - --color-warning: #eca700; - --color-warning-light: #fdf6e6; - --color-warning-rgb: 236,167,0; - --color-warning-hover: #efb832; - --color-success: #46ba61; - --color-success-second: #44B04C; - --color-success-rgb: 70,186,97; - --color-success-hover: #6ac780; - --color-loading-light: #777; - --color-loading-dark: #CCC; - --color-box-shadow-rgb: 0,0,0; - --color-box-shadow: #000000; - --color-box-shadow-second: rgba(0,0,0, 0.02); - --color-border: #292929; - --color-border-grey: #e6e6e6; - --color-border-input: #e6e8e9; - --color-border-dark: #3b3b3b; - --color-border-second: #e0e0e0; - --color-border-red: #F8432E; - --color-border-orange: #FF7A00; - --color-border-green: #44B04C; - --color-border-purple: #B034F0; - --color-border-light-second: #DCDCDC; - --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; - --animation-quick: 100ms; - --animation-slow: 300ms; - --border-radius: 3px; - --border-radius-large: 10px; - --border-radius-pill: 100px; - --default-clickable-area: 44px; - --default-line-height: 24px; - --default-grid-baseline: 4px; - --header-height: 50px; - --navigation-width: 300px; - --sidebar-min-width: 300px; - --sidebar-max-width: 500px; - --list-min-width: 200px; - --list-max-width: 300px; - --header-menu-item-height: 44px; - --header-menu-profile-item-height: 66px; - --breakpoint-mobile: 1024px; - --primary-invert-if-bright: no; - --background-invert-if-dark: invert(100%); - --background-invert-if-bright: no; - --color-primary: #087BF9; - --color-primary-default: #0082c9; - --color-primary-text: #ffffff; - --color-primary-hover: #04537f; - --color-primary-light: #141e24; - --color-primary-light-second:rgba(248, 67, 46, 0.08); - --color-primary-light-text: #99c0d6; - --color-primary-light-hover: #1d272d; - --color-primary-text-dark: hsl(0, 0%, 93%); - --color-primary-element: #087BF9; - --color-primary-element-text: #ffffff; - --color-primary-element-hover: #04537f; - --color-primary-element-light: #141e24; - --color-primary-element-light-text: #99c0d6; - --color-primary-element-light-hover: #1d272d; - --color-primary-element-text-dark: #ededed; - --color-primary-element-text-grey: #333333; - --color-primary-element-text-blue: #087BF9; - --color-primary-element-text-black: #000000; - --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); - } +body.theme--dark { + --main-color: var(--color-main-text); + --main-bg-color: var(--color-main-background); + --main-bg-image: none; + --main-bg-size: auto; + --main-bg-repeat: repeat; + --main-font-size: 14px; + --color-main-background: #171717; + --color-main-background-not-plain: #0082c9; + --color-main-background-rgb: 23,23,23; + --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --filter-background-blur: blur(25px); + --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; + --color-background-hover: #212121; + --color-background-dark: #292929; + --color-background-black:rgba(0, 0, 0, 0.12); + --color-background-darker: #3b3b3b; + --color-placeholder-light: #313131; + --color-placeholder-dark: #4a4a4a; + --color-background-red: rgba(248, 67, 46, 0.08); + --color-background-orange: rgba(255, 122, 0, 0.08); + --color-background-green: rgba(68, 176, 76, 0.08); + --color-background-blue: rgba(8, 123, 249, 0.08); + --color-background-purple: rgba(176, 52, 240, 0.07); + --color-background-light-second: #f9f9f9; + --color-main-text: #D8D8D8; + --color-text-maxcontrast: #8c8c8c; + --color-text-maxcontrast-default: #8c8c8c; + --color-text-maxcontrast-background-blur: #919191; + --color-text-light: #bfbfbf; + --color-text-lighter: #a5a5a5; + --color-text-dark-second: rgba(0, 0, 0, 0.38); + --color-scrollbar: #3d3d3d; + --color-error: #e9322d; + --color-error-second: #F8432E; + --color-error-rgb: 233,50,45; + --color-error-hover: #ed5a56; + --color-warning: #eca700; + --color-warning-light: #fdf6e6; + --color-warning-rgb: 236,167,0; + --color-warning-hover: #efb832; + --color-success: #46ba61; + --color-success-second: #44B04C; + --color-success-rgb: 70,186,97; + --color-success-hover: #6ac780; + --color-loading-light: #777; + --color-loading-dark: #CCC; + --color-box-shadow-rgb: 0,0,0; + --color-box-shadow: #000000; + --color-box-shadow-second: rgba(0,0,0, 0.02); + --color-border: #292929; + --color-border-grey: #e6e6e6; + --color-border-input: #e6e8e9; + --color-border-dark: #3b3b3b; + --color-border-second: #e0e0e0; + --color-border-red: #F8432E; + --color-border-orange: #FF7A00; + --color-border-green: #44B04C; + --color-border-purple: #B034F0; + --color-border-light-second: #DCDCDC; + --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; + --animation-quick: 100ms; + --animation-slow: 300ms; + --border-radius: 3px; + --border-radius-large: 10px; + --border-radius-pill: 100px; + --default-clickable-area: 44px; + --default-line-height: 24px; + --default-grid-baseline: 4px; + --header-height: 50px; + --navigation-width: 300px; + --sidebar-min-width: 300px; + --sidebar-max-width: 500px; + --list-min-width: 200px; + --list-max-width: 300px; + --header-menu-item-height: 44px; + --header-menu-profile-item-height: 66px; + --breakpoint-mobile: 1024px; + --primary-invert-if-bright: no; + --background-invert-if-dark: invert(100%); + --background-invert-if-bright: no; + --color-primary: #087BF9; + --color-primary-default: #0082c9; + --color-primary-text: #ffffff; + --color-primary-hover: #04537f; + --color-primary-light: #141e24; + --color-primary-light-second:rgba(248, 67, 46, 0.08); + --color-primary-light-text: #99c0d6; + --color-primary-light-hover: #1d272d; + --color-primary-text-dark: hsl(0, 0%, 93%); + --color-primary-element: #087BF9; + --color-primary-element-text: #ffffff; + --color-primary-element-hover: #04537f; + --color-primary-element-light: #141e24; + --color-primary-element-light-text: #99c0d6; + --color-primary-element-light-hover: #1d272d; + --color-primary-element-text-dark: #ededed; + --color-primary-element-text-grey: #333333; + --color-primary-element-text-blue: #087BF9; + --color-primary-element-text-black: #000000; + --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); + } + + :root { --link-color: var(--color-primary-light-text); } -- GitLab From 8d6bfbefe0b8f2b0004ae56ffe204131b112dc15 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 13 Jan 2023 10:47:31 +0530 Subject: [PATCH 16/37] font icon margin --- styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles.css b/styles.css index 753d472..e8f42dc 100644 --- a/styles.css +++ b/styles.css @@ -1878,10 +1878,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose #squire-toolgroup-font .btn{ vertical-align: baseline; background: var(--input-bg-clr,#fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; + background-position: right 6px center; } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ margin-left:3px; background: var(--input-bg-clr,#fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; + background-position: right 6px center; } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, -- GitLab From de601858c81f38591713bf5d8dcfc1a665921976 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 11:13:18 +0530 Subject: [PATCH 17/37] hover color --- styles.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e8f42dc..63c3c98 100644 --- a/styles.css +++ b/styles.css @@ -120,6 +120,7 @@ --color-primary-element-light: #e5eff4; --color-primary-element-light-text: #00273d; --color-primary-element-light-hover: #dbe4e9; + --color-primary-element-light-grey-hover: #f2f1f1; --color-primary-element-text-dark: #ededed; --color-primary-element-text-grey: #333333; --color-primary-element-text-blue: #087BF9; @@ -225,6 +226,7 @@ body.theme--dark { --color-primary-element-light: #141e24; --color-primary-element-light-text: #99c0d6; --color-primary-element-light-hover: #1d272d; + --color-primary-element-light-grey-hover: #f2f1f1; --color-primary-element-text-dark: #ededed; --color-primary-element-text-grey: #333333; --color-primary-element-text-blue: #087BF9; @@ -1572,7 +1574,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .dropdown-menu li:not(.disabled) > a:hover, #rl-app .dropdown-menu li:not(.disabled) > a:focus { - background-color: var(--color-primary-light); + background-color: var( --color-primary-element-light-grey-hover); color: unset; opacity: unset; } -- GitLab From 3d6deec48580e127c6cad8d30ba99f304f71f0d7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 11:18:58 +0530 Subject: [PATCH 18/37] selected color --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 63c3c98..e1e444d 100644 --- a/styles.css +++ b/styles.css @@ -432,7 +432,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app #V-AdminMenu nav a.selected, #rl-app #V-SettingsMenu nav a.selected, #rl-app .b-folders li a.selectable.selected { - color: unset; + color: var(--color-primary-element);; background-color: var(--color-background-blue); border-radius: unset; } -- GitLab From 500fe6500f6ddb3cd861449fcabdc6de0fd0de3b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 11:24:20 +0530 Subject: [PATCH 19/37] font weight set --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index e1e444d..c3db743 100644 --- a/styles.css +++ b/styles.css @@ -418,6 +418,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { border-radius: var(--border-radius-pill); color: unset; border: none; + font-weight: 400; } #rl-app #V-AdminMenu nav a, -- GitLab From db281e6053b77e30d2e4e0c72505f17b32e6ce70 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 11:42:29 +0530 Subject: [PATCH 20/37] border unset --- styles.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index c3db743..3026090 100644 --- a/styles.css +++ b/styles.css @@ -1229,8 +1229,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem.selected, #rl-app .messageListItem.selected:hover { - background-color: var(--color-primary-light) !important; - border-left-color: var(--color-primary-light) !important; + background-color: var(--color-background-blue) !important; + border-left-color: var(--color-background-blue) !important; } #rl-app .messageListItem.unseen, @@ -2915,3 +2915,6 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #rl-app #rl-popups #V-PopupsCompose .button-save i.fontastic { display:none; } +#rl-app dialog>footer{ + border-top:unset; +} \ No newline at end of file -- GitLab From 51de4ab694d2578c7d5679e6f4b955eeb242a1a6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 11:48:35 +0530 Subject: [PATCH 21/37] button set --- styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 3026090..13718eb 100644 --- a/styles.css +++ b/styles.css @@ -84,7 +84,7 @@ --color-border-purple: #B034F0; --color-border-light-second: #DCDCDC; --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: 16px; --animation-quick: 100ms; --animation-slow: 300ms; --border-radius: 3px; @@ -556,12 +556,13 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { height: 36px; box-sizing: border-box !important; padding: 8px 14px; - line-height: 20px; + line-height: 24px; color: var(--color-main-text); background: var(--color-primary-element-text-blue); border: 1px solid var(--color-border-dark) ; border-radius: 6px; font-size: var(--default-font-size); + font-weight: 400; } #rl-app .btn-toolbar .btn { background-color: transparent; -- GitLab From 7c7467ce91db4365d1ba81b91ef9d752b845b50c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 11:56:30 +0530 Subject: [PATCH 22/37] button set --- images/cross-btn.svg | 3 +++ images/tick-btn.svg | 3 +++ styles.css | 22 ++++++++++++++++++++++ 3 files changed, 28 insertions(+) create mode 100644 images/cross-btn.svg create mode 100644 images/tick-btn.svg diff --git a/images/cross-btn.svg b/images/cross-btn.svg new file mode 100644 index 0000000..a05ca5d --- /dev/null +++ b/images/cross-btn.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/tick-btn.svg b/images/tick-btn.svg new file mode 100644 index 0000000..8e7cd71 --- /dev/null +++ b/images/tick-btn.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 13718eb..33aa66f 100644 --- a/styles.css +++ b/styles.css @@ -2918,4 +2918,26 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app dialog>footer{ border-top:unset; +} +#rl-app footer button.btn.buttonYes::before { + background-image: url('images/tick-btn.svg'); + background-position: center center; + background-repeat: no-repeat; + height:10px; + width:10px; + padding-left: 12px; + content: ""; + color: transparent; + border: none; +} +#rl-app footer button.btn.buttonNo::before { + background-image: url('images/cross-btn.svg'); + background-position: center center; + background-repeat: no-repeat; + height:10px; + width:10px; + padding-left: 12px; + content: ""; + color: transparent; + border: none; } \ No newline at end of file -- GitLab From ae17f43b1ed43d71859baba1034e9c5b93a0dce7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 12:13:15 +0530 Subject: [PATCH 23/37] border reset --- styles.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 33aa66f..bf26117 100644 --- a/styles.css +++ b/styles.css @@ -1550,10 +1550,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .dropdown-menu { background-color: var(--color-main-background); - filter: drop-shadow(0 1px 5px var(--color-box-shadow)); - border-radius: var(--border-radius-large); + box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2); + border-radius: 4px; color: var(--color-main-text); padding: 4px; + border: unset; } #rl-app .dropdown-menu a { @@ -2918,6 +2919,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app dialog>footer{ border-top:unset; + height: 70px; } #rl-app footer button.btn.buttonYes::before { background-image: url('images/tick-btn.svg'); -- GitLab From 3e061d28a4be0df1e7535b0ce2eb3f0a31b85c28 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 13:11:06 +0530 Subject: [PATCH 24/37] rgba disabled --- styles.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/styles.css b/styles.css index bf26117..cc66143 100644 --- a/styles.css +++ b/styles.css @@ -1571,8 +1571,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .dropdown-menu li.disabled > a:hover, #rl-app .dropdown-menu li.disabled > a:focus, #rl-app .dropdown-menu li.disabled > a:active { - opacity: .5; - filter: saturate(0.7); + color: var(--color-main-background-blur); } #rl-app .dropdown-menu li:not(.disabled) > a:hover, -- GitLab From 6f87729e70bff62ae68366ff9e3fa4cbdf16e8ed Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 13:17:10 +0530 Subject: [PATCH 25/37] rgba disabled --- styles.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index cc66143..ff90a47 100644 --- a/styles.css +++ b/styles.css @@ -38,6 +38,7 @@ --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; + --color-background-grey: rgba(0, 0, 0, 0.87); --color-background-black: rgba(0, 0, 0, 0.12); --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; @@ -144,6 +145,7 @@ body.theme--dark { --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #292929; + --color-background-grey: rgba(0, 0, 0, 0.87); --color-background-black:rgba(0, 0, 0, 0.12); --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; @@ -1571,7 +1573,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .dropdown-menu li.disabled > a:hover, #rl-app .dropdown-menu li.disabled > a:focus, #rl-app .dropdown-menu li.disabled > a:active { - color: var(--color-main-background-blur); + color: var(--color-background-grey); } #rl-app .dropdown-menu li:not(.disabled) > a:hover, -- GitLab From 933254036222d2fb93083de5a81b3844ec934b46 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 13:37:36 +0530 Subject: [PATCH 26/37] check bindig --- styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles.css b/styles.css index ff90a47..5ed9325 100644 --- a/styles.css +++ b/styles.css @@ -2943,4 +2943,8 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { content: ""; color: transparent; border: none; +} + +#rl-app .messageListItem .checkboxMessage[data-bind="text:☑"] { + background-color:var( --color-primary) ; } \ No newline at end of file -- GitLab From 9075af9f9530708a8f55986e413f2ac133151516 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 13:40:15 +0530 Subject: [PATCH 27/37] removed bind test --- styles.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/styles.css b/styles.css index 5ed9325..58cba11 100644 --- a/styles.css +++ b/styles.css @@ -2944,7 +2944,3 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { color: transparent; border: none; } - -#rl-app .messageListItem .checkboxMessage[data-bind="text:☑"] { - background-color:var( --color-primary) ; -} \ No newline at end of file -- GitLab From 49d8f54c93bedda047f629d7c6e4fcc4b097bd01 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 13:59:14 +0530 Subject: [PATCH 28/37] left border removed --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 58cba11..67d15ad 100644 --- a/styles.css +++ b/styles.css @@ -1273,7 +1273,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem.checked.focused { background-color: inherit; - border-left-color: var(--color-primary-element-light-text); + border-left-color:transparent; } #rl-app .messageListItem.checked:hover, -- GitLab From aefce7625c536a08e36b477940fc63790a2fd540 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 14:06:58 +0530 Subject: [PATCH 29/37] left border removed --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 67d15ad..1d3b0cb 100644 --- a/styles.css +++ b/styles.css @@ -1268,7 +1268,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem.checked { background-color: unset; - border-left-color: var(--color-primary-light-text); + border-left-color: transparent; } #rl-app .messageListItem.checked.focused { -- GitLab From b67cc8a252a1223a97a93dbaf94c8641fdbfd244 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 14:09:56 +0530 Subject: [PATCH 30/37] left border removed --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 1d3b0cb..aa6ee1d 100644 --- a/styles.css +++ b/styles.css @@ -1278,7 +1278,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem.checked:hover, #rl-app .messageListItem.checked.focused:hover { - background-color: var(--color-main-background-translucent); + background-color: transparent; border-left-color: inherit; } -- GitLab From f8d7d03747139c0c4a33265f5c6338aed689da18 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 14:34:15 +0530 Subject: [PATCH 31/37] left border removed --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index aa6ee1d..160359a 100644 --- a/styles.css +++ b/styles.css @@ -1227,13 +1227,13 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem:hover, #rl-app .messageListItem.focused:hover { background-color: var(--color-main-background-translucent); - border-left-color: var(--color-primary-light-hover); + border-left-color: transparent; } #rl-app .messageListItem.selected, #rl-app .messageListItem.selected:hover { background-color: var(--color-background-blue) !important; - border-left-color: var(--color-background-blue) !important; + border-left-color: transparent !important; } #rl-app .messageListItem.unseen, -- GitLab From b715f358b6b48538b58e05306aa685a006f478cd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 16 Jan 2023 14:39:42 +0530 Subject: [PATCH 32/37] left border removed --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 160359a..f23f537 100644 --- a/styles.css +++ b/styles.css @@ -1279,7 +1279,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem.checked:hover, #rl-app .messageListItem.checked.focused:hover { background-color: transparent; - border-left-color: inherit; + border-left-color: transparent; } /* -- GitLab From e99d47b803e88dfe696e87fd0f4f69acdc89a232 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 17 Jan 2023 16:59:29 +0530 Subject: [PATCH 33/37] icon blur fix --- styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index f23f537..9c73051 100644 --- a/styles.css +++ b/styles.css @@ -719,7 +719,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { background-position: left center; background-repeat: no-repeat; padding-left: 20px; - height:18px; + height:20px; + image-rendering: -webkit-optimize-contrast; } #rl-app #rl-content .b-folders-system li .flag-icon{ display:none; -- GitLab From 2cdf95d6444ab3461f1e1eee1bd2b9efaae6f655 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 17 Jan 2023 17:07:29 +0530 Subject: [PATCH 34/37] icon blur fix --- styles.css | 98 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) diff --git a/styles.css b/styles.css index 9c73051..e07ad56 100644 --- a/styles.css +++ b/styles.css @@ -635,58 +635,156 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable::before { background-image: url('images/inbox.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 18px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable.selected::before { background-image: url('images/inbox-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 18px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before { background-image: url('images/sent.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 18px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable.selected::before { background-image: url('images/sent-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 18px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before { background-image: url('images/draft.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 20px; + width: 16px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable.selected::before { background-image: url('images/draft-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 20px; + width: 16px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before { background-image: url('images/spam.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 18px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable.selected::before { background-image: url('images/spam-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 18px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before { background-image: url('images/trash-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 14px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before { background-image: url('images/trash.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 18px; + width: 14px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable.selected::before { background-image: url('images/archieve-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before { background-image: url('images/archieve.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-user li a.selectable.selected::before { background-image: url('images/folder-color.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 16px; + width: 20px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-user li a.selectable::before { background-image: url('images/folder.svg'); + content: ""; + background-position: left center; + background-repeat: no-repeat; + height: 16px; + width: 20px; + padding-left: 20px; + padding-right: 19px; } #rl-app .b-folders .b-folders-user li a.selectable .e-collapsed-sign{ display:none; -- GitLab From b0480cfb63b48087bcf41c085bf2b7bece4209a2 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 17 Jan 2023 17:18:58 +0530 Subject: [PATCH 35/37] icon blur fix --- images/editnote.png | Bin 302 -> 0 bytes images/editnote.svg | 5 +++++ 2 files changed, 5 insertions(+) delete mode 100644 images/editnote.png create mode 100644 images/editnote.svg diff --git a/images/editnote.png b/images/editnote.png deleted file mode 100644 index 1aad7b39bd986f0e0d9203cfafd54be39c6278bc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 302 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VXMsm#F#`j)FbFd;%$g$s6l5$8 za(7}_cTVOdki(Mh=zqWS%zCebAd-^iqd2Y`y-yydTZzCs&ieunE1n;<00eqZkObkdCc`Kvjcxm z3gKbp_%mm}?G<-fgedy=$0+qcJe+p*cAu`3u0jgALJ%%Az~ z#8J-8C&MgOmE0H25ew${w>9aO?5~XcI(fys&uVksc$JtnFP5BoE- + + + + -- GitLab From 8f483348e2b639087f7a8500adf506308b2fe234 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 17 Jan 2023 17:21:32 +0530 Subject: [PATCH 36/37] icon blur fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e07ad56..0124fa4 100644 --- a/styles.css +++ b/styles.css @@ -813,7 +813,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app #rl-content .btn.buttonCompose::before { content:""; - background-image: url('images/editnote.png'); + background-image: url('images/editnote.svg'); background-position: left center; background-repeat: no-repeat; padding-left: 20px; -- GitLab From 2b50cfb4519a25523d90142e260c37822f2a766b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 18 Jan 2023 10:13:44 +0530 Subject: [PATCH 37/37] border comment --- styles.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 0124fa4..7952e2f 100644 --- a/styles.css +++ b/styles.css @@ -473,8 +473,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { color: var(--color-primary-element-text-grey); } #rl-app .b-folders hr { - border-top: solid var(--color-main-text); - border-radius: var(--border-radius-pill); + border: 1px solid var(--color-main-text); opacity: .1; } #rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ -- GitLab