New style for compose and send button

This commit is contained in:
Hadi Nategh 2019-03-22 12:25:54 +01:00
parent 235c7e27b9
commit 6053053f77
4 changed files with 26 additions and 3 deletions

View File

@ -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 {

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;