extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-14 09:58:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

mail:

Browse Source 
button "create new mail"

change color - active + hover state
This commit is contained in:
Stefan Reinhardt 2014-07-03 17:02:09 +00:00
parent 69769ab677
commit 0de1db26bd
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
mail/templates/pixelegg/app.css
View File

@ -831,8 +831,13 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
text-shadow: none; text-shadow: none;
height: 24px; height: 24px;
/* height: auto;*/ /* height: auto;*/
background-image: none !important; background-image: none;
/*.border_radius_button_lefttop;*/ -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 10px;
border-radius: 3px;
border-top-left-radius: 10px;
background-image: url("images/write_mail_lighter.png") !important; background-image: url("images/write_mail_lighter.png") !important;
background-position: right center !important; background-position: right center !important;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -840,7 +845,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
padding-left: 25px; padding-left: 25px;
text-align: left; text-align: left;
width: 93%; width: 93%;
background-color: #0c5da5; background-color: #696969;
height: 32px;
} }
.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:before, .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:before,
.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:before { .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:before {
@ -851,6 +857,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
} }
.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:hover, .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:hover,
.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:hover { .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:hover {
background-color: #1aa200 !important;
color: #ffc200;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -860,10 +868,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
-moz-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
color: #1e1e1e;
} }
.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:active, .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:active,
.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:active { .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:active {
background-color: #ffc200 !important; background-color: #1aa200 !important;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;

7
mail/templates/pixelegg/app.less
View File

@ -253,15 +253,18 @@ div#mail-index{
padding-left: 25px; padding-left: 25px;
text-align: left; text-align: left;
width: 93%; width: 93%;
background-color: @egw_color_2_a; background-color: @gray_60;
height: 32px;
&:hover { &:hover {
.Complete_Button_add_hover;
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
.border_radius_button_lefttop ; .border_radius_button_lefttop ;
color: @gray_90;
} }
&:active { &:active {
background-color: @egw_color_1_a !important; background-color: @color_positive_action_active !important;
.border_radius_button_lefttop ; .border_radius_button_lefttop ;
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;