From 6053053f777267a7562ec25082d276b74c328957 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 22 Mar 2019 12:25:54 +0100 Subject: [PATCH] New style for compose and send button --- mail/templates/mobile/app.css | 9 ++++++++- mail/templates/pixelegg/app.css | 9 ++++++++- mail/templates/pixelegg/app.less | 9 ++++++++- pixelegg/less/def_colors.less | 2 ++ 4 files changed, 26 insertions(+), 3 deletions(-) diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css index 4e06d925d9..b2f470fa9b 100644 --- a/mail/templates/mobile/app.css +++ b/mail/templates/mobile/app.css @@ -1114,7 +1114,8 @@ body { background-color: white !important; } #mail-compose #mail-compose_composeToolbar button#composeToolbar-send { - background-color: #ace29e; + background-color: #336666; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23ffffff' d='M30.51,15.694L18.196,3.229c-1.235-1.252-3.241-1.252-4.478,0L1.404,15.694 c-1.236,1.253-1.236,3.283,0,4.536h7.428v6.428c0,1.77,1.418,3.204,3.167,3.204h7.915c1.751,0,3.168-1.435,3.168-3.204V20.23 h7.428C31.748,18.978,31.748,16.947,30.51,15.694z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ") !important; color: #FFFFFF; } #mail-compose #mail-compose_composeToolbar button#composeToolbar-send:hover { @@ -2300,6 +2301,12 @@ div.mailComposeHeaderSection > table { -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } +#mail-index_button\[mailcreate\] { + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='pixelegg_add' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23ffffff' d='M16.047,3.851c-7.17,0-12.982,7.812-12.982,12.981 c0-4.924-2.046,12.981,12.982,12.981c7.169,0,12.981-5.812,12.981-12.981C29.028,9.662,23.216,3.851,16.047,3.851z M24.714,18.998 h-6.502v6.5h-4.333v-6.5h-6.5v-4.333h6.5v-6.5h4.333v6.5h6.502V18.998z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") !important; + background: #336666; + background-size: 16px 16px; + background-position: 4px center; +} /* import */ /* tablets and smartphones */ @media all { diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index 9dd78ad78a..8ea075a8e8 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -1102,7 +1102,8 @@ body { background-color: white !important; } #mail-compose #mail-compose_composeToolbar button#composeToolbar-send { - background-color: #ace29e; + background-color: #336666; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23ffffff' d='M30.51,15.694L18.196,3.229c-1.235-1.252-3.241-1.252-4.478,0L1.404,15.694 c-1.236,1.253-1.236,3.283,0,4.536h7.428v6.428c0,1.77,1.418,3.204,3.167,3.204h7.915c1.751,0,3.168-1.435,3.168-3.204V20.23 h7.428C31.748,18.978,31.748,16.947,30.51,15.694z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ") !important; color: #FFFFFF; } #mail-compose #mail-compose_composeToolbar button#composeToolbar-send:hover { @@ -2288,3 +2289,9 @@ div.mailComposeHeaderSection > table { -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } +#mail-index_button\[mailcreate\] { + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='pixelegg_add' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23ffffff' d='M16.047,3.851c-7.17,0-12.982,7.812-12.982,12.981 c0-4.924-2.046,12.981,12.982,12.981c7.169,0,12.981-5.812,12.981-12.981C29.028,9.662,23.216,3.851,16.047,3.851z M24.714,18.998 h-6.502v6.5h-4.333v-6.5h-6.5v-4.333h6.5v-6.5h4.333v6.5h6.502V18.998z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") !important; + background: #336666; + background-size: 16px 16px; + background-position: 4px center; +} diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index ada548f97b..7393e98813 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -217,7 +217,8 @@ body { // Senden Button button#composeToolbar-send { - background-color: @color_positive_action; + background-color: @color_add_plus_bg_color; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23ffffff' d='M30.51,15.694L18.196,3.229c-1.235-1.252-3.241-1.252-4.478,0L1.404,15.694 c-1.236,1.253-1.236,3.283,0,4.536h7.428v6.428c0,1.77,1.418,3.204,3.167,3.204h7.915c1.751,0,3.168-1.435,3.168-3.204V20.23 h7.428C31.748,18.978,31.748,16.947,30.51,15.694z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ") !important; color: @gray_0; &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:disabled {background-color: @color_disabled !important;} @@ -1299,3 +1300,9 @@ div.mailComposeHeaderSection > table { transition: all 0.1s ease-out; } +#mail-index_button\[mailcreate\] { + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='pixelegg_add' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23ffffff' d='M16.047,3.851c-7.17,0-12.982,7.812-12.982,12.981 c0-4.924-2.046,12.981,12.982,12.981c7.169,0,12.981-5.812,12.981-12.981C29.028,9.662,23.216,3.851,16.047,3.851z M24.714,18.998 h-6.502v6.5h-4.333v-6.5h-6.5v-4.333h6.5v-6.5h4.333v6.5h6.502V18.998z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") !important; + background: @color_add_plus_bg_color; + background-size: 16px 16px; + background-position: 4px center; +} \ No newline at end of file diff --git a/pixelegg/less/def_colors.less b/pixelegg/less/def_colors.less index bcd8f6705e..2e076e1e6b 100644 --- a/pixelegg/less/def_colors.less +++ b/pixelegg/less/def_colors.less @@ -164,6 +164,8 @@ @color_positive_action_hover : fade(#ace29e, 2%); // green @color_positive_action_active : lighten(#ace29e, 2%); // green +/*Button Add-plus*/ +@color_add_plus_bg_color: #336666; /*Button cancel = do nothing action */ @color_cancel_action : #ffdb7a;