diff --git a/images/loading.svg b/images/loading.svg index cd4d4e4d0df1ed61480b3b65f5a6552cb6a9c84f..7828cd01a1a80a6d1190a0658b8ab9afc20d819d 100644 --- a/images/loading.svg +++ b/images/loading.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/profilesetting.svg b/images/profilesetting.svg index 9dbb1c88f1d4bf707a00b2c290e68d636c199a2b..e7c493974319ebeeb11aece7293f6ed4d70351f9 100644 --- a/images/profilesetting.svg +++ b/images/profilesetting.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/styles.css b/styles.css index e0b3541d46d802cf36c8bb085a74ebb70bb7359b..6d4f0053c86933c816396aa6baf6237d8e841448 100644 --- a/styles.css +++ b/styles.css @@ -292,7 +292,7 @@ html.rl-left-panel-disabled #rl-app #rl-left{ height: 58px; display: flex; flex-direction: row; - padding: 8px; + padding: 10px 8px 10px 17px; border-top:1px solid var(--color-border-grey); border-bottom:1px solid var(--color-border-grey); } @@ -469,14 +469,22 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { color: var(--color-primary-element); font-weight: 700; font-size: 14px; - height: 14px; + padding: 0px 15px 0 4px; + height: 56px; + vertical-align: middle; + display: inline-block; + line-height: 56px; } #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; + padding: 0px 15px 0 4px; + height: 56px; + vertical-align: middle; + display: inline-block; + line-height: 56px; } #rl-app .b-folders hr { border-bottom: 1px solid var(--color-border-grey); @@ -805,9 +813,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { flex-direction: row; justify-content: center; align-items: center; - padding: 12px 16px; - width: 173px; - height: 32px; + width: 150px; background: var(--color-primary-element-text-blue); border-radius: 6px; flex: none; @@ -824,6 +830,9 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { height:20px; image-rendering: -webkit-optimize-contrast; } + #rl-app #rl-content .btn.buttonCompose .buttonComposeText { + padding-bottom: 2px; + } #rl-app #rl-content .b-folders-system li .flag-icon{ display:none; } @@ -959,12 +968,12 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f background-image: url('images/loading.svg'); background-position: center center; background-repeat: no-repeat; - height:20px; - padding-left: 20px; - padding-right: 19px; + width: 24px; + height: 36px; content: ""; color: transparent; border: none; + vertical-align: middle; } /* #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ display: none; @@ -1156,7 +1165,8 @@ select option { } #rl-app .messageList .b-footer { - padding-bottom: 10px; + padding-top: 12px; + padding-bottom: 2px; } #rl-app .messageList .second-toolbar, @@ -1738,7 +1748,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; + padding: 2px 5px 5px 10px; } @@ -1919,6 +1929,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose .b-header { background:var(--color-main-background); + padding-left: 0px; } #rl-app #V-PopupsCompose .b-header table{ border-collapse: unset; @@ -1939,12 +1950,18 @@ 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) .icon-file-text { vertical-align: middle; height: 19px; + display: block; } #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; + height:32px; + } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) .icon-attachment { + line-height: 16px; + vertical-align: middle; + display: block; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active { background: rgba(0, 0, 0, 0.12); @@ -1964,7 +1981,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/attachnextcloud-files.svg'); background-position: center center; background-repeat: no-repeat; - height:35px; + height:32px; + min-height:32px; color:transparent; border-radius: 0px 4px 4px 0px; } @@ -1981,7 +1999,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 33px; padding: 0px 12px; } - #rl-app #V-PopupsCompose #squire-toolgroup-mode .btn:nth-child(1), #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ + #rl-app #V-PopupsCompose #squire-toolgroup-mode .btn:nth-child(1){ + width:85px; + vertical-align: baseline; + padding: 0px 24px; + } +#rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ width:71px; vertical-align: baseline; } @@ -2014,8 +2037,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding-left: 10px; } #rl-app .squire-toolbar { + border-bottom: 1px solid var(--border-color,#ddd); height: 50px; box-sizing: content-box; + padding-top:0px; + padding-bottom:0px; + padding-left: 16px; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show{ background: var(--color-main-background); @@ -2101,10 +2128,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose header{ background-color: var(--color-primary-text); + padding-left:16px; } #rl-app #V-PopupsCompose header .button-save{ background: var(--color-background-black); - padding-left: 7px; + height: auto; + padding: 0 14px 0 7px; } #rl-app #V-PopupsCompose header .close, #rl-app #V-PopupsCompose header .minimize-custom { @@ -2120,6 +2149,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn { background-image: url('images/createfolder.svg'); @@ -2127,6 +2157,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.disabled:nth-child(1) { background-image: url('images/archieve.svg'); @@ -2134,6 +2165,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn:nth-child(1) { background-image: url('images/archieve.svg'); @@ -2141,6 +2173,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(2) { background-image: url('images/spam.svg'); @@ -2148,6 +2181,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { background-image: url('images/spam.svg'); @@ -2155,6 +2189,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(4) { background-image: url('images/trash.svg'); @@ -2162,6 +2197,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(4) { background-image: url('images/trash.svg'); @@ -2169,6 +2205,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app #more-view-dropdown-id { background-image: url('images/more.svg') !important; @@ -2176,6 +2213,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat !important; height:18px; color:transparent; + width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(4) #sort-list-dropdown-id { @@ -2185,6 +2223,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:18px; color:transparent; order: 1; + width: 50px; } #rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select,#rl-app #rl-popups select,#rl-app #rl-popups input{ height:34px; @@ -2220,6 +2259,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height: 18px; color:transparent; + padding: 4px 14px 4px 0px; + margin-left:20px; } #rl-app #rl-right .dropdown-menu.show li a { text-align:left; @@ -2351,7 +2392,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .emailaddresses{ - padding:0 12px; + padding:0 12px 0 5px; } #rl-app .messageTags #tags-dropdown-id { background-image: url('images/tag.svg') !important; @@ -2646,12 +2687,16 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success{ background: var(--color-success-second); border-radius: 6px; + height: auto; + padding: 0 14px; } #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success .icon-paper-plane{ background-image: url('images/send-icon.svg'); background-position: center center; background-repeat: no-repeat; - height: 21px; + display: inline-block; + line-height: 36px; + height: 36px; width: 14px; color: transparent; content:""; @@ -2715,7 +2760,9 @@ 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; + height: 32px; + padding: unset; + width: 41px; } #rl-app #rl-popups #V-PopupsCompose .b-header.g-ui-user-select-none .error-to::before { border: 1px solid var(--color-error-second); @@ -3063,9 +3110,14 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #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; + font-size: 14px; + height: 32px; + min-height: 32px; + line-height: 20px; + vertical-align: middle; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes .btn[data-action="source"] { - height: 36px; + height: auto; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1){ border-radius: 4px 0px 0px 4px; @@ -3078,4 +3130,49 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets .btn,#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets .btn{ height:36px; +} +#rl-app .hide-mobile[data-i18n="COMPOSE/BUTTON_SEND"] { + display: inline-block; + height: auto; + line-height: 36px; + vertical-align: middle; +} +#rl-app .hide-mobile[data-i18n="GLOBAL/SAVE"] { + display: inline-block; + height: auto; + line-height: 36px; +} +#rl-app .squire-wysiwyg{ + margin-top:0px; + border:none; +} +#rl-app label[data-i18n="GLOBAL/TO"] , + #rl-app #V-PopupsCompose .b-header td[data-i18n="GLOBAL/FROM"], + #rl-app #V-PopupsCompose .b-header td[data-i18n="GLOBAL/SUBJECT"] +{ + text-align: left; + padding-left: 16px; + color:var( --color-text-dark-second); +} +#rl-app .squire-toolbar { + padding-left: 16px; +} +#rl-app #area-toggle { + padding-left: 16px; +} +#rl-app #V-PopupsCompose .emailaddresses .emailaddresses-input input +{ + padding-left: 0px; +} +#rl-app #V-PopupsCompose .emailaddresses .emailaddresses-input{ + margin: 0 0; +} + +#rl-app .btn[data-i18n="[title]MESSAGE_LIST/BUTTON_RELOAD"]{ + width: 50px; + text-align: center; + padding: 0; +} +#rl-app .e-paginator a.current{ + font-size:22px; } \ No newline at end of file