From abb16a472ccf8d87bf387497280ffe43330809fc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 16:22:17 +0530 Subject: [PATCH 01/14] contact app fix --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 284431a..4a7030f 100644 --- a/style.css +++ b/style.css @@ -3913,7 +3913,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem table { filter:var(--invertfilter); } - #rl-app #messageItem table tr td table { + #rl-app #messageItem table tr td table, + #rl-app #messageItem table tr td img { filter:invert(var(--invertfilter)); } -- GitLab From 1cdffeede7d67290213bcf8588a1d5129e0b4562 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 16:28:18 +0530 Subject: [PATCH 02/14] contact app fix --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 4a7030f..d6b8eec 100644 --- a/style.css +++ b/style.css @@ -3910,11 +3910,11 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageView .message-fixed-button-toolbar { top: 50px; } - #rl-app #messageItem table { + #rl-app #messageItem table, + #rl-app #messageItem table tr td img { filter:var(--invertfilter); } - #rl-app #messageItem table tr td table, - #rl-app #messageItem table tr td img { + #rl-app #messageItem table tr td table { filter:invert(var(--invertfilter)); } -- GitLab From ccc326213f68b457b341001915901cd9366b79a5 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 18:34:42 +0530 Subject: [PATCH 03/14] contact app fix --- images/contact.svg | 2 +- images/{contactsmall.svg => contactsmail.svg} | 2 +- style.css | 41 +++++++++++++++---- 3 files changed, 34 insertions(+), 11 deletions(-) rename images/{contactsmall.svg => contactsmail.svg} (87%) diff --git a/images/contact.svg b/images/contact.svg index 2e52fb4..8e900b9 100644 --- a/images/contact.svg +++ b/images/contact.svg @@ -1,3 +1,3 @@ - + diff --git a/images/contactsmall.svg b/images/contactsmail.svg similarity index 87% rename from images/contactsmall.svg rename to images/contactsmail.svg index ca96c06..c9c2e1e 100644 --- a/images/contactsmall.svg +++ b/images/contactsmail.svg @@ -1,3 +1,3 @@ - + diff --git a/style.css b/style.css index d6b8eec..b38447e 100644 --- a/style.css +++ b/style.css @@ -189,6 +189,8 @@ --attachment: url('/themes/Murena/snappymail/images/attachment.svg'); --file-text: url('/themes/Murena/snappymail/images/file-text.svg'); --folder: url('/themes/Murena/snappymail/images/folder.svg'); + --contactmail: url('/themes/Murena/snappymail/images/contactsmail.svg'); + --contact:url('/themes/Murena/snappymail/images/contact.svg'); --svg-color: rgb(0, 0, 0); --svg-color-second: rgba(255, 255, 255, 1); --svg-color-third: #333333; @@ -2343,9 +2345,14 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="GLOBAL/CONTACTS"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/contactsmall.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image:var(--contactmail); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--contactmail); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity: var(--svg-opacity); height: 24px; width: 24px; color: transparent; @@ -2628,9 +2635,13 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { font-weight: bold; } #rl-app #V-MailFolderList .buttonContacts { - background-image: url('/themes/Murena/snappymail/images/contact.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--contact); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--contact); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); height: 18px; color: transparent; padding: 4px 14px 4px 0; @@ -3190,9 +3201,13 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3) { - background-image: url('/themes/Murena/snappymail/images/compose-contact.svg'); - background-position: center 11px; - background-repeat: no-repeat; + mask-image: var(--contact); + mask-position: center 11px; + mask-repeat: no-repeat; + -webkit-mask-image: var(--contact); + -webkit-mask-position: center 11px; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); height: 18px; width: 24px; color: transparent; @@ -3917,4 +3932,12 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem table tr td table { filter:invert(var(--invertfilter)); } + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"], + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"] + { + background: var(--color-border-second); + border: 1px solid var(--color-border-grey); + } + -- GitLab From 8f0ce9bd948c681f0591e2378cf9c5ff1c9267ca Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 18:40:38 +0530 Subject: [PATCH 04/14] contact app fix --- style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/style.css b/style.css index b38447e..30e12f0 100644 --- a/style.css +++ b/style.css @@ -3935,9 +3935,17 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"], #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"] + { + border: 1px solid var(--color-border-grey); + } + #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label[data-i18n="CONTACTS/TAB_CONTACT"] + #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label[data-i18n="CONTACTS/TAB_BUSINESS"], + #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label[data-i18n="CONTACTS/TAB_CRYPTO"] { background: var(--color-border-second); border: 1px solid var(--color-border-grey); } + + -- GitLab From 3e7d211a806aa1545f67cd46e86f486188be1f04 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 18:43:12 +0530 Subject: [PATCH 05/14] contact app fix --- style.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/style.css b/style.css index 30e12f0..e3b554c 100644 --- a/style.css +++ b/style.css @@ -3938,9 +3938,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { { border: 1px solid var(--color-border-grey); } - #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label[data-i18n="CONTACTS/TAB_CONTACT"] - #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label[data-i18n="CONTACTS/TAB_BUSINESS"], - #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label[data-i18n="CONTACTS/TAB_CRYPTO"] + #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label { background: var(--color-border-second); border: 1px solid var(--color-border-grey); -- GitLab From 67c4a92c9eed9529a13a55793f44969f7bfd75b0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 18:46:46 +0530 Subject: [PATCH 06/14] contact app fix --- style.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/style.css b/style.css index e3b554c..c4f726d 100644 --- a/style.css +++ b/style.css @@ -3932,9 +3932,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem table tr td table { filter:invert(var(--invertfilter)); } - #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] - #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"], - #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"] + #rl-app #rl-popups #V-PopupsContacts label { border: 1px solid var(--color-border-grey); } -- GitLab From 3b1cfc59b69cb393cdf04386887167ad0c329ea8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 18:48:33 +0530 Subject: [PATCH 07/14] contact app fix --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index c4f726d..546a6e1 100644 --- a/style.css +++ b/style.css @@ -3932,7 +3932,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem table tr td table { filter:invert(var(--invertfilter)); } - #rl-app #rl-popups #V-PopupsContacts label + #rl-app #rl-popups #V-PopupsContacts label, + #rl-app #V-PopupsContacts .e-contact-item { border: 1px solid var(--color-border-grey); } -- GitLab From 8c34501dfbef2f1e25f5b29e22419a835f5bac17 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 18:53:48 +0530 Subject: [PATCH 08/14] contact app fix --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 546a6e1..b78156a 100644 --- a/style.css +++ b/style.css @@ -3932,7 +3932,9 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem table tr td table { filter:invert(var(--invertfilter)); } - #rl-app #rl-popups #V-PopupsContacts label, + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"], + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"], + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"], #rl-app #V-PopupsContacts .e-contact-item { border: 1px solid var(--color-border-grey); -- GitLab From 655f1254740e43086f3dbd6d9f0df11e59896b58 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 19:16:51 +0530 Subject: [PATCH 09/14] contact app fix --- style.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index b78156a..3906fc6 100644 --- a/style.css +++ b/style.css @@ -3150,9 +3150,14 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-danger.button-delete { - background-image: url('/themes/Murena/snappymail/images/delete-black.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity: 0.3; height: 20px; width: 20px; color: transparent; -- GitLab From d2d831768335e716dbc2333d43714d969ad73777 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 19:22:11 +0530 Subject: [PATCH 10/14] contact app fix --- style.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 3906fc6..6160e14 100644 --- a/style.css +++ b/style.css @@ -3367,9 +3367,14 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { opacity: 1; } #rl-app #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(3) { - background-image: url('/themes/Murena/snappymail/images/delete-black.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity: 0.3; height: 20px; width: 20px; color: transparent; -- GitLab From 701098dab8418717b396ad970f9b917d43cef22f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 19:27:50 +0530 Subject: [PATCH 11/14] contact app fix --- style.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 6160e14..866ea7c 100644 --- a/style.css +++ b/style.css @@ -3944,8 +3944,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"], #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"], - #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"], - #rl-app #V-PopupsContacts .e-contact-item + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] { border: 1px solid var(--color-border-grey); } @@ -3954,7 +3953,17 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { background: var(--color-border-second); border: 1px solid var(--color-border-grey); } - + #rl-app #V-PopupsContacts .e-contact-item, + #rl-app #V-PopupsContacts .b-list-toolbar { + border-bottom: 1px solid var(--color-border-grey); + } + #rl-app #V-PopupsContacts .b-list-footer-toolbar, + #rl-app #V-PopupsContacts .b-view-content-toolbar { + border-top: 1px solid var(--color-border-grey); + } + #rl-app #V-PopupsContacts .right{ + border-left: 1px solid var(--color-border-grey); + } -- GitLab From 9649d507eb9c9ad52433d34bc26df07791c6419c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 19:31:20 +0530 Subject: [PATCH 12/14] contact app fix --- images/attachfiles.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/attachfiles.svg b/images/attachfiles.svg index b8a5318..92be2f3 100644 --- a/images/attachfiles.svg +++ b/images/attachfiles.svg @@ -1,4 +1,4 @@ - + -- GitLab From fa70d05dc3a3197b993d557d4995e0ca61f3e5fd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 19:33:58 +0530 Subject: [PATCH 13/14] contact app fix --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 866ea7c..1214c21 100644 --- a/style.css +++ b/style.css @@ -3374,7 +3374,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity: 0.3; + opacity: var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From 77529b097f87faababdf7e4c45614561d2e0232f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 7 Mar 2023 19:54:49 +0530 Subject: [PATCH 14/14] contact app fix --- style.css | 28 ++++++++++++---------------- 1 file changed, 12 insertions(+), 16 deletions(-) diff --git a/style.css b/style.css index 1214c21..791c925 100644 --- a/style.css +++ b/style.css @@ -50,7 +50,7 @@ --color-background-purple: rgba(176, 52, 240, 0.07); --color-background-light-second: #f9f9f9; --color-background-compose-error: #FFFFFF; - --color-background-thread:rgba(33, 33, 33, 0.08); + --color-background-thread: rgba(33, 33, 33, 0.08); --color-main-text: #222222; --color-main-text-alert: #222222; --color-text-maxcontrast: #767676; @@ -120,7 +120,7 @@ --color-primary-text-checkbox: #ffffff; --color-createfolder-text: #ffffff; --color-mail-text: rgba(0, 0, 0, 0.87); - --color-thread-text:rgba(0, 0, 0, 0.87); + --color-thread-text: rgba(0, 0, 0, 0.87); --color-compose-text: #ffffff; --color-primary-hover: #3282ae; --color-primary-light: #e5eff4; @@ -190,7 +190,7 @@ --file-text: url('/themes/Murena/snappymail/images/file-text.svg'); --folder: url('/themes/Murena/snappymail/images/folder.svg'); --contactmail: url('/themes/Murena/snappymail/images/contactsmail.svg'); - --contact:url('/themes/Murena/snappymail/images/contact.svg'); + --contact: url('/themes/Murena/snappymail/images/contact.svg'); --svg-color: rgb(0, 0, 0); --svg-color-second: rgba(255, 255, 255, 1); --svg-color-third: #333333; @@ -230,7 +230,7 @@ body.theme--dark { --color-background-purple: rgba(176, 52, 240, 0.07); --color-background-light-second: #3A3A3A; --color-background-compose-error: #131313; - --color-background-thread:rgba(255, 255, 255, 0.38); + --color-background-thread: rgba(255, 255, 255, 0.38); --color-main-text: #D8D8D8; --color-main-text-alert: #000000; --color-text-maxcontrast: #8c8c8c; @@ -300,7 +300,7 @@ body.theme--dark { --color-primary-text-checkbox: #000000; --color-createfolder-text: #121212; --color-mail-text: #ffffff; - --color-thread-text:#000000; + --color-thread-text: #000000; --color-primary-element-login: #ffffff; --color-compose-text: transparent; --color-primary-hover: #04537f; @@ -1526,7 +1526,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { font-weight: 600; font-size: 12px; line-height: 16px; - border-color: transparent;; + border-color: transparent; padding: 0 4px; margin-right: 5px; vertical-align: middle; @@ -2345,14 +2345,14 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="GLOBAL/CONTACTS"]::before { content: ""; - mask-image:var(--contactmail); + mask-image: var(--contactmail); mask-position: center center; mask-repeat: no-repeat; -webkit-mask-image: var(--contactmail); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity: var(--svg-opacity); + opacity: var(--svg-opacity); height: 24px; width: 24px; color: transparent; @@ -2642,6 +2642,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); + opacity: var(--svg-opacity); height: 18px; color: transparent; padding: 4px 14px 4px 0; @@ -3944,12 +3945,10 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"], #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"], - #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] - { + #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] { border: 1px solid var(--color-border-grey); } - #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label - { + #rl-app #rl-popups #V-PopupsContacts .tabs>[id^=tab]:checked+label { background: var(--color-border-second); border: 1px solid var(--color-border-grey); } @@ -3961,9 +3960,6 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #V-PopupsContacts .b-view-content-toolbar { border-top: 1px solid var(--color-border-grey); } - #rl-app #V-PopupsContacts .right{ + #rl-app #V-PopupsContacts .right { border-left: 1px solid var(--color-border-grey); } - - - -- GitLab