extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-25 16:19:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Give et2_dialog a new look

Browse Source
This commit is contained in:
Hadi Nategh 2017-09-29 16:44:56 +02:00
parent 5fd41d95b4
commit 69a6900031
4 changed files with 216 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
pixelegg/css/mobile.css
View File

@ -1337,8 +1337,30 @@ span.ui-icon-search {
} }
/*###########################################*/ /*###########################################*/
/*Dialog: edit row*/ /*Dialog: edit row*/
.ui-widget-overlay {
background: #CDCDCD;
}
.ui-dialog {
box-shadow: -2px 1px 9px 3px #B4B4B4;
}
.ui-dialog .ui-dialog-buttonpane {
padding-left: .8em;
padding-right: .8em;
padding-top: 0.7em;
}
.ui-dialog .ui-dialog-titlebar {
padding-left: .8em;
padding-right: .8em;
font-size: 12pt;
border: none;
font-weight: normal;
background: white;
}
.ui-dialog .ui-dialog-titlebar-close {
right: .8em;
}
.ui-widget-content { .ui-widget-content {
border: 1px solid #0C5DA5; border: 1px solid #B4B4B4;
} }
.ui-widget-content .et2_selectbox button.et2_button_text, .ui-widget-content .et2_selectbox button.et2_button_text,
.ui-widget-content .et2_selectbox select.et2_selectbox { .ui-widget-content .et2_selectbox select.et2_selectbox {
@ -1351,6 +1373,43 @@ span.ui-icon-search {
background-color: #189800; background-color: #189800;
font-weight: normal; font-weight: normal;
} }
button.ui-button {
/*.border_normal;*/
/*.box_shadow_standard_light;*/
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #E6E6E6;
padding-left: 30px;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
/*.Button_size_h32_auto;*/
height: 24px;
border-color: #B4B4B4;
outline: none;
}
button.ui-button:hover {
background-color: #B4B4B4;
color: #1E1E1E;
}
button.ui-button .ui-button-icon-primary:hover {
background-color: #B4B4B4;
color: #1E1E1E;
box-shadow: none;
}
/*###########################################*/ /*###########################################*/
/*Dialog: calendar edit series*/ /*Dialog: calendar edit series*/
.ui-dialog-buttonset button.ui-button-text-only { .ui-dialog-buttonset button.ui-button-text-only {

61
pixelegg/css/pixelegg.css
View File

@ -1326,8 +1326,30 @@ span.ui-icon-search {
} }
/*###########################################*/ /*###########################################*/
/*Dialog: edit row*/ /*Dialog: edit row*/
.ui-widget-overlay {
background: #CDCDCD;
}
.ui-dialog {
box-shadow: -2px 1px 9px 3px #B4B4B4;
}
.ui-dialog .ui-dialog-buttonpane {
padding-left: .8em;
padding-right: .8em;
padding-top: 0.7em;
}
.ui-dialog .ui-dialog-titlebar {
padding-left: .8em;
padding-right: .8em;
font-size: 12pt;
border: none;
font-weight: normal;
background: white;
}
.ui-dialog .ui-dialog-titlebar-close {
right: .8em;
}
.ui-widget-content { .ui-widget-content {
border: 1px solid #0C5DA5; border: 1px solid #B4B4B4;
} }
.ui-widget-content .et2_selectbox button.et2_button_text, .ui-widget-content .et2_selectbox button.et2_button_text,
.ui-widget-content .et2_selectbox select.et2_selectbox { .ui-widget-content .et2_selectbox select.et2_selectbox {
@ -1340,6 +1362,43 @@ span.ui-icon-search {
background-color: #189800; background-color: #189800;
font-weight: normal; font-weight: normal;
} }
button.ui-button {
/*.border_normal;*/
/*.box_shadow_standard_light;*/
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #E6E6E6;
padding-left: 30px;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
/*.Button_size_h32_auto;*/
height: 24px;
border-color: #B4B4B4;
outline: none;
}
button.ui-button:hover {
background-color: #B4B4B4;
color: #1E1E1E;
}
button.ui-button .ui-button-icon-primary:hover {
background-color: #B4B4B4;
color: #1E1E1E;
box-shadow: none;
}
/*###########################################*/ /*###########################################*/
/*Dialog: calendar edit series*/ /*Dialog: calendar edit series*/
.ui-dialog-buttonset button.ui-button-text-only { .ui-dialog-buttonset button.ui-button-text-only {

41
pixelegg/less/jquery-ui.less
View File

@ -271,10 +271,31 @@ span.ui-icon-search {
/*###########################################*/ /*###########################################*/
/*Dialog: edit row*/ /*Dialog: edit row*/
.ui-widget-overlay {
background: @gray_20;
}
.ui-dialog {
box-shadow: -2px 1px 9px 3px @gray_30;
.ui-dialog-buttonpane {
padding-left: .8em;
padding-right: .8em;
padding-top: 0.7em;
}
.ui-dialog-titlebar {
padding-left: .8em;
padding-right: .8em;
font-size: 12pt;
border: none;
font-weight: normal;
background: white;
}
.ui-dialog-titlebar-close {
right: .8em;
}
}
.ui-widget-content { .ui-widget-content {
border: 1px solid @egw_color_2_a; border: 1px solid @gray_30;
.et2_selectbox { .et2_selectbox {
button.et2_button_text, button.et2_button_text,
@ -285,11 +306,21 @@ span.ui-icon-search {
} }
} }
} }
button.ui-button {
.Complete_Button_text_icon_before;
border-color: @gray_30;
outline: none;
&:hover{ background-color: @gray_30; color: @gray_90;}
.ui-button-icon-primary {
&:hover{
background-color: @gray_30;
color: @gray_90;
box-shadow: none;
}
}
}
/*###########################################*/ /*###########################################*/
/*Dialog: calendar edit series*/ /*Dialog: calendar edit series*/
.ui-dialog-buttonpane {}
.ui-dialog-buttonset{ .ui-dialog-buttonset{
button.ui-button-text-only { button.ui-button-text-only {
background-color: @gray_20; background-color: @gray_20;

61
pixelegg/mobile/fw_mobile.css
View File

@ -1348,8 +1348,30 @@ span.ui-icon-search {
} }
/*###########################################*/ /*###########################################*/
/*Dialog: edit row*/ /*Dialog: edit row*/
.ui-widget-overlay {
background: #CDCDCD;
}
.ui-dialog {
box-shadow: -2px 1px 9px 3px #B4B4B4;
}
.ui-dialog .ui-dialog-buttonpane {
padding-left: .8em;
padding-right: .8em;
padding-top: 0.7em;
}
.ui-dialog .ui-dialog-titlebar {
padding-left: .8em;
padding-right: .8em;
font-size: 12pt;
border: none;
font-weight: normal;
background: white;
}
.ui-dialog .ui-dialog-titlebar-close {
right: .8em;
}
.ui-widget-content { .ui-widget-content {
border: 1px solid #0C5DA5; border: 1px solid #B4B4B4;
} }
.ui-widget-content .et2_selectbox button.et2_button_text, .ui-widget-content .et2_selectbox button.et2_button_text,
.ui-widget-content .et2_selectbox select.et2_selectbox { .ui-widget-content .et2_selectbox select.et2_selectbox {
@ -1362,6 +1384,43 @@ span.ui-icon-search {
background-color: #189800; background-color: #189800;
font-weight: normal; font-weight: normal;
} }
button.ui-button {
/*.border_normal;*/
/*.box_shadow_standard_light;*/
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #E6E6E6;
padding-left: 30px;
background-position: 6px center;
background-repeat: no-repeat;
background-size: 20px auto;
/*.Button_size_h32_auto;*/
height: 24px;
border-color: #B4B4B4;
outline: none;
}
button.ui-button:hover {
background-color: #B4B4B4;
color: #1E1E1E;
}
button.ui-button .ui-button-icon-primary:hover {
background-color: #B4B4B4;
color: #1E1E1E;
box-shadow: none;
}
/*###########################################*/ /*###########################################*/
/*Dialog: calendar edit series*/ /*Dialog: calendar edit series*/
.ui-dialog-buttonset button.ui-button-text-only { .ui-dialog-buttonset button.ui-button-text-only {