Fix hover color on prev-today-next buttons on date picker

This commit is contained in:
Hadi Nategh 2016-05-18 14:41:51 +02:00
parent 358c11edb1
commit c35654ddca
5 changed files with 8 additions and 21 deletions

View File

@ -225,6 +225,7 @@
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { .ui-datepicker .ui-datepicker-next:hover {
border: none; border: none;
background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/previous.svg) !important; background-image: url(../images/previous.svg) !important;
@ -238,6 +239,7 @@
} }
.ui-datepicker .ui-datepicker-next span:hover { .ui-datepicker .ui-datepicker-next span:hover {
border: none; border: none;
background-color: transparent;
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
@ -1441,15 +1443,9 @@ div#ui-datepicker-div {
.ui-datepicker button.ui-datepicker-current .ui-state-hover { .ui-datepicker button.ui-datepicker-current .ui-state-hover {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
.ui-datepicker button.ui-datepicker-current .ui-state-hover:hover {
background-color: #1aa200;
}
.ui-datepicker button.ui-datepicker-current .ui-state-hover:active { .ui-datepicker button.ui-datepicker-current .ui-state-hover:active {
background-color: #1aa200; background-color: #1aa200;
} }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
background-color: #1aa200;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active {
background-color: #1aa200; background-color: #1aa200;
} }
@ -2460,7 +2456,6 @@ button[id="add"] {
button[id="add"]:active { button[id="add"]:active {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
/*Button Ende #######################################################*/
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *

View File

@ -214,6 +214,7 @@
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { .ui-datepicker .ui-datepicker-next:hover {
border: none; border: none;
background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/previous.svg) !important; background-image: url(../images/previous.svg) !important;
@ -227,6 +228,7 @@
} }
.ui-datepicker .ui-datepicker-next span:hover { .ui-datepicker .ui-datepicker-next span:hover {
border: none; border: none;
background-color: transparent;
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
@ -1430,15 +1432,9 @@ div#ui-datepicker-div {
.ui-datepicker button.ui-datepicker-current .ui-state-hover { .ui-datepicker button.ui-datepicker-current .ui-state-hover {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
.ui-datepicker button.ui-datepicker-current .ui-state-hover:hover {
background-color: #1aa200;
}
.ui-datepicker button.ui-datepicker-current .ui-state-hover:active { .ui-datepicker button.ui-datepicker-current .ui-state-hover:active {
background-color: #1aa200; background-color: #1aa200;
} }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
background-color: #1aa200;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active {
background-color: #1aa200; background-color: #1aa200;
} }

View File

@ -178,6 +178,7 @@ span.et2_date span {
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
&:hover{ &:hover{
border: none; border: none;
background-color: transparent;
} }
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
@ -192,6 +193,7 @@ span.et2_date span {
&:hover { &:hover {
border: none; border: none;
background-color: transparent;
} }
} }

View File

@ -361,7 +361,6 @@ span.ui-icon-search {
button.ui-datepicker-current .ui-state-hover { button.ui-datepicker-current .ui-state-hover {
background-color: @color_positive_action_active !important; background-color: @color_positive_action_active !important;
&:hover {background-color: @color_positive_action_active;}
&:active {background-color: @color_positive_action_active;} &:active {background-color: @color_positive_action_active;}
} }
@ -369,7 +368,6 @@ span.ui-icon-search {
// Button now // Button now
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
&:hover {background-color: @color_positive_action_active;}
&:active {background-color: @color_positive_action_active;} &:active {background-color: @color_positive_action_active;}
} }

View File

@ -236,6 +236,7 @@
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { .ui-datepicker .ui-datepicker-next:hover {
border: none; border: none;
background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/previous.svg) !important; background-image: url(../images/previous.svg) !important;
@ -249,6 +250,7 @@
} }
.ui-datepicker .ui-datepicker-next span:hover { .ui-datepicker .ui-datepicker-next span:hover {
border: none; border: none;
background-color: transparent;
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
@ -1452,15 +1454,9 @@ div#ui-datepicker-div {
.ui-datepicker button.ui-datepicker-current .ui-state-hover { .ui-datepicker button.ui-datepicker-current .ui-state-hover {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
.ui-datepicker button.ui-datepicker-current .ui-state-hover:hover {
background-color: #1aa200;
}
.ui-datepicker button.ui-datepicker-current .ui-state-hover:active { .ui-datepicker button.ui-datepicker-current .ui-state-hover:active {
background-color: #1aa200; background-color: #1aa200;
} }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
background-color: #1aa200;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active {
background-color: #1aa200; background-color: #1aa200;
} }