diff --git a/images/archieve-color.svg b/images/archieve-color.svg index eb34bd0a8e46cb21b1338b40f066c79079213a0f..b10d2b17140ce1b39e27bd45c24fb44dbca2f9c7 100644 --- a/images/archieve-color.svg +++ b/images/archieve-color.svg @@ -1,4 +1,5 @@ - - - + + + + diff --git a/images/archieve.svg b/images/archieve.svg index 5cab49b2bf1e67f02c77dab06070bd1b7adcc73f..a88009249e0fc02788bf23d17ae8424bb63778b4 100644 --- a/images/archieve.svg +++ b/images/archieve.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/images/createfolder.svg b/images/createfolder.svg index 8cf9fc2f575e85ce387c9b805a60d5af5eb13ad4..856a30578950a3de9ed512251ce8445a8e827e51 100644 --- a/images/createfolder.svg +++ b/images/createfolder.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/draft-color.svg b/images/draft-color.svg index d0fbd63b5e4837529dbce3d2ab2c95479726829f..1d1c5bc15e3d3b135e1286166dd6809e9af5894d 100644 --- a/images/draft-color.svg +++ b/images/draft-color.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/draft.svg b/images/draft.svg index 39581ef80a07524d523b0b94b58f02acb976ff57..912b788e82b519e8cc3107612b65581ffb86093b 100644 --- a/images/draft.svg +++ b/images/draft.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/folder-color.svg b/images/folder-color.svg index 612aa29cdf7920edc341373391e01616136a58c6..45eef7197fcd907bb2371ede9316ff545b3afb76 100644 --- a/images/folder-color.svg +++ b/images/folder-color.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/images/folder.svg b/images/folder.svg index a6b48cda4bc074e9120afc95ac0a695487ef3d1b..ba866d21f432fedcefc44028156231e97209ad0e 100644 --- a/images/folder.svg +++ b/images/folder.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/inbox-color.svg b/images/inbox-color.svg index 080eed2bdcdd7595619ecf9cfe3f4e84db5d1180..e579be5fa27a109b8f9c44ea00a30b6e9f9d9800 100644 --- a/images/inbox-color.svg +++ b/images/inbox-color.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/inbox.svg b/images/inbox.svg index 2f5d14f332457045dab9fe2cfb87eda7d0b267ba..47ee2e2505fcae6dcf1f8115adfac11bcf8d411d 100644 --- a/images/inbox.svg +++ b/images/inbox.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/images/sent-color.svg b/images/sent-color.svg index 32fe8a84c7e600c234f2dbadb13cd511055269a8..a82c14b9a44b64b3f70673ef07e00238c0a23f76 100644 --- a/images/sent-color.svg +++ b/images/sent-color.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/images/sent.svg b/images/sent.svg index 20a485798c9dae45d278ddcaf8cbd32129b42afc..9aeb7d78de105b2cab44a36b02e94e08dd087acd 100644 --- a/images/sent.svg +++ b/images/sent.svg @@ -1,4 +1,4 @@ - - - - + + + + \ No newline at end of file diff --git a/images/spam-color.svg b/images/spam-color.svg index 83a57064f5cf5626d05ee2f839ee0f0c4a71c2af..74a57ed6d1499f50a3c6ddc6eea1d7f24f00e6a7 100644 --- a/images/spam-color.svg +++ b/images/spam-color.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/images/spam.svg b/images/spam.svg index e09b3746aa3c138cb230ae73738fb08b009a4bd8..d81abdd1c2b6d23da0349d62c93a8f0186e87b75 100644 --- a/images/spam.svg +++ b/images/spam.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/images/trash-color.svg b/images/trash-color.svg index 54fdbc1424b66558a5f508cb92d81a804b3ed3f5..e1c19aa4cb27c0108a949a8d67171d97400930c2 100644 --- a/images/trash-color.svg +++ b/images/trash-color.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/trash.svg b/images/trash.svg index 5d5979d25b45431202cf905c873f47b9b511948d..50b553ed13f04a6045c29ee8b61adb6249bf105a 100644 --- a/images/trash.svg +++ b/images/trash.svg @@ -1,3 +1,3 @@ - - + + diff --git a/styles.css b/styles.css index 0124fa48d2b64529b542ef009b5f2a901649bf67..e0b3541d46d802cf36c8bb085a74ebb70bb7359b 100644 --- a/styles.css +++ b/styles.css @@ -467,15 +467,19 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-folders .b-folders-system a[data-unread].selectable.selected::after{ background-color: transparent; color: var(--color-primary-element); + font-weight: 700; + font-size: 14px; + height: 14px; } #rl-app .b-folders .b-folders-system a[data-unread].selectable::after{ background-color: transparent; color: var(--color-primary-element-text-grey); + font-weight: 700; + font-size: 14px; + height: 14px; } #rl-app .b-folders hr { - border-top: solid var(--color-main-text); - border-radius: var(--border-radius-pill); - opacity: .1; + border-bottom: 1px solid var(--color-border-grey); } #rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ background-image: url('images/back.svg'); @@ -638,8 +642,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 18px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -649,8 +653,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 18px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -660,8 +664,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 18px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -671,8 +675,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 18px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -682,8 +686,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 20px; - width: 16px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -693,8 +697,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 20px; - width: 16px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -704,8 +708,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 18px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -715,8 +719,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 18px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -726,8 +730,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 14px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -737,8 +741,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 18px; - width: 14px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -748,8 +752,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 20px; - width: 20px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -759,8 +763,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 20px; - width: 20px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -770,8 +774,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 16px; - width: 20px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -781,8 +785,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { content: ""; background-position: left center; background-repeat: no-repeat; - height: 16px; - width: 20px; + height: 24px; + width: 24px; padding-left: 20px; padding-right: 19px; } @@ -1930,11 +1934,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) { 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; + height: 19px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) { background: var(--color-main-background); @@ -1962,6 +1966,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:35px; color:transparent; + border-radius: 0px 4px 4px 0px; } #rl-app #V-PopupsCompose #squire-toolgroup-mode .btn, #rl-app #V-PopupsCompose #squire-toolgroup-font .btn, @@ -2099,6 +2104,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose header .button-save{ background: var(--color-background-black); + padding-left: 7px; } #rl-app #V-PopupsCompose header .close, #rl-app #V-PopupsCompose header .minimize-custom { @@ -2495,7 +2501,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: top; } -#rl-app .unseen .senderParent ::before{ +#rl-app #V-MailMessageList .messageListItem.unseen .senderParent::before{ background-image: url('images/greendot.svg'); background-position: center center; background-repeat: no-repeat; @@ -2505,7 +2511,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; display: inline-flex; } -#rl-app .senderParent.actionHandle:before{ +#rl-app .senderParent.actionHandle::before{ content: ""; height: 10px; width: 44px; @@ -2602,8 +2608,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-block, #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets, #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes{ - height: 37px; - line-height: 37px; + height: 36px; + line-height: 36px; + vertical-align: bottom; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-colors .btn, @@ -2615,13 +2622,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: unset; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-block .btn[data-action="ul"]{ - vertical-align: middle; + height: 36px; + vertical-align: top; } #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: 28px; + height: 36px; width: 20px; color: transparent; content:""; @@ -2630,7 +2638,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: 28px; + height: 36px; width: 20px; color: transparent; content:""; @@ -2643,13 +2651,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/send-icon.svg'); background-position: center center; background-repeat: no-repeat; - height: 20px; - width: 20px; + height: 21px; + width: 14px; color: transparent; content:""; border: none; text-shadow: none; - vertical-align: middle; + } #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-danger.button-delete{ background-image: url('images/delete-black.svg'); @@ -3025,7 +3033,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { background-image: url('images/tick-btn.svg'); background-position: center center; background-repeat: no-repeat; - height:10px; + height:14px; width:10px; padding-left: 12px; content: ""; @@ -3036,10 +3044,38 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { background-image: url('images/cross-btn.svg'); background-position: center center; background-repeat: no-repeat; - height:10px; + height:14px; width:10px; padding-left: 12px; content: ""; color: transparent; border: none; } +#rl-app .messageListItem.checked .checkboxMessage{ + background: var( --color-primary-element); + color: var(--color-primary-text); + border:unset; +} +#rl-app .b-folders li a.selectable{ + height: 56px !important; + line-height: 56px !important; +} +#rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(1){ + padding-top:5px; + border-radius: 4px 0px 0px 4px; +} +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes .btn[data-action="source"] { + height: 36px; +} +#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1){ + border-radius: 4px 0px 0px 4px; +} +#rl-app .icon-attachment::before{ + vertical-align: middle; +} +#rl-app .icon-attachment::before{ + vertical-align: middle; +} +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets .btn,#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets .btn{ + height:36px; +} \ No newline at end of file