extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-28 19:03:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Style toolbar toggled buttons

Browse Source
This commit is contained in:
Hadi Nategh 2021-03-09 17:31:37 +01:00
parent 16e3e053d4
commit f2cb47105e
12 changed files with 106 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
calendar/templates/default/app.css
View File

@ -1502,10 +1502,11 @@ img.calendar_print_button, img.calendar_print_appicon {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
filter: grayscale(1) contrast(0.1); filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn { #calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn {
filter: none; filter: none;
box-shadow: inset 1px 1px 1px 1px gray !important;
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container { #calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container {
background: none; background: none;
@ -1596,7 +1597,7 @@ img.calendar_print_button, img.calendar_print_appicon {
.category_report_cats {height:80%;overflow-y: auto;display:block;} .category_report_cats {height:80%;overflow-y: auto;display:block;}
#calendar-category_report_grid {display:block;max-height: 550px;overflow-y: auto;} #calendar-category_report_grid {display:block;max-height: 550px;overflow-y: auto;}
#toolbar-weekend {background-image: none !important} #toolbar-weekend {background-image: none !important; filter:none;}
#calendar-list_nm { #calendar-list_nm {
.nextmatch_header .header_count {margin-right:-4px;} .nextmatch_header .header_count {margin-right:-4px;}

4
calendar/templates/mobile/app.css
View File

@ -1476,10 +1476,11 @@ img.calendar_print_appicon {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
filter: grayscale(1) contrast(0.1); filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn { #calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn {
filter: none; filter: none;
box-shadow: inset 1px 1px 1px 1px gray !important;
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container { #calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container {
background: none; background: none;
@ -1573,6 +1574,7 @@ img.calendar_print_appicon {
} }
#toolbar-weekend { #toolbar-weekend {
background-image: none !important; background-image: none !important;
filter: none;
} }
#calendar-list_nm .nextmatch_header .header_count { #calendar-list_nm .nextmatch_header .header_count {
margin-right: -4px; margin-right: -4px;

4
calendar/templates/pixelegg/app.css
View File

@ -1464,10 +1464,11 @@ img.calendar_print_appicon {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
filter: grayscale(1) contrast(0.1); filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn { #calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn {
filter: none; filter: none;
box-shadow: inset 1px 1px 1px 1px gray !important;
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container { #calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container {
background: none; background: none;
@ -1561,6 +1562,7 @@ img.calendar_print_appicon {
} }
#toolbar-weekend { #toolbar-weekend {
background-image: none !important; background-image: none !important;
filter: none;
} }
#calendar-list_nm .nextmatch_header .header_count { #calendar-list_nm .nextmatch_header .header_count {
margin-right: -4px; margin-right: -4px;

18
mail/templates/mobile/app.css
View File

@ -1129,11 +1129,23 @@ body {
#mail-compose .et2_toolbar button.toolbar_toggled:hover { #mail-compose .et2_toolbar button.toolbar_toggled:hover {
background-color: white !important; background-color: white !important;
} }
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:hover,
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover,
#mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover {
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
box-shadow: none;
}
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:not(.toolbar_toggled),
#mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:not(.toolbar_toggled) {
filter: grayscale(1) contrast(0.9999) opacity(0.9);
}
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover,
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:hover {
background-color: rgba(153, 204, 255, 0.4);
box-shadow: none;
}
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:not(.toolbar_toggled),
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:not(.toolbar_toggled) {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#mail-compose table.et2_grid { #mail-compose table.et2_grid {
display: inline-block; display: inline-block;

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

@ -1117,11 +1117,23 @@ body {
#mail-compose .et2_toolbar button.toolbar_toggled:hover { #mail-compose .et2_toolbar button.toolbar_toggled:hover {
background-color: white !important; background-color: white !important;
} }
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:hover,
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover,
#mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover {
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
box-shadow: none;
}
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:not(.toolbar_toggled),
#mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:not(.toolbar_toggled) {
filter: grayscale(1) contrast(0.9999) opacity(0.9);
}
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover,
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:hover {
background-color: rgba(153, 204, 255, 0.4);
box-shadow: none;
}
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:not(.toolbar_toggled),
#mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:not(.toolbar_toggled) {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#mail-compose table.et2_grid { #mail-compose table.et2_grid {
display: inline-block; display: inline-block;

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

@ -219,11 +219,16 @@ body {
button#composeToolbar-send { button#composeToolbar-send {
} }
button#composeToolbar-to_infolog:hover, button#composeToolbar-to_tracker,
button#composeToolbar-to_tracker:hover, button#composeToolbar-disposition
button#composeToolbar-disposition:hover, {
button#composeToolbar-to_calendar:hover { &:hover{background-color: @color_hover_row;box-shadow: none;}
background-color: @color_hover_row;; &:not(.toolbar_toggled){filter: grayscale(1) contrast(0.9999) opacity(0.9);}
}
button#composeToolbar-to_calendar,
button#composeToolbar-to_infolog {
&:hover{background-color: @color_hover_row;box-shadow: none;}
&:not(.toolbar_toggled){filter: grayscale(1) contrast(0.9999) opacity(0.7);}
} }
} // Toolbar Ende } // Toolbar Ende
@ -1043,7 +1048,7 @@ input[type=button] {
height:35px; height:35px;
// alle Buttons / drag + drop // alle Buttons / drag + drop
#toolbar-actionlist{ #toolbar-actionlist{
} }
/* Elemente */ /* Elemente */
button { button {

18
pixelegg/css/mobile.css
View File

@ -1144,6 +1144,12 @@
span.et2_checkbox_slideSwitch > span.slideSwitch_container { span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa; background-color: #fafafa;
} }
.et2_toolbar span.et2_checkbox_slideSwitch {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
}
.et2_toolbar span.et2_checkbox_slideSwitch.switchOn {
filter: none;
}
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe { iframe#admin-index_iframe {
background-color: yellow; background-color: yellow;
@ -2364,15 +2370,15 @@ button.et2_button_text:hover,
input[type=button]:hover { input[type=button]:hover {
/*background-color: @gray_30;*/ /*background-color: @gray_30;*/
text-shadow: 0px 0px; text-shadow: 0px 0px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button.et2_button_text:active, button.et2_button_text:active,
input[type=button]:active { input[type=button]:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
/* ######################################################################################## /* ########################################################################################
* Content Element * Content Element

18
pixelegg/css/monochrome.css
View File

@ -1124,6 +1124,12 @@
span.et2_checkbox_slideSwitch > span.slideSwitch_container { span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa; background-color: #fafafa;
} }
.et2_toolbar span.et2_checkbox_slideSwitch {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
}
.et2_toolbar span.et2_checkbox_slideSwitch.switchOn {
filter: none;
}
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe { iframe#admin-index_iframe {
background-color: yellow; background-color: yellow;
@ -2344,15 +2350,15 @@ button.et2_button_text:hover,
input[type=button]:hover { input[type=button]:hover {
/*background-color: @gray_30;*/ /*background-color: @gray_30;*/
text-shadow: 0px 0px; text-shadow: 0px 0px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button.et2_button_text:active, button.et2_button_text:active,
input[type=button]:active { input[type=button]:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
/* ######################################################################################## /* ########################################################################################
* Content Element * Content Element

18
pixelegg/css/pixelegg.css
View File

@ -1134,6 +1134,12 @@
span.et2_checkbox_slideSwitch > span.slideSwitch_container { span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa; background-color: #fafafa;
} }
.et2_toolbar span.et2_checkbox_slideSwitch {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
}
.et2_toolbar span.et2_checkbox_slideSwitch.switchOn {
filter: none;
}
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe { iframe#admin-index_iframe {
background-color: yellow; background-color: yellow;
@ -2354,15 +2360,15 @@ button.et2_button_text:hover,
input[type=button]:hover { input[type=button]:hover {
/*background-color: @gray_30;*/ /*background-color: @gray_30;*/
text-shadow: 0px 0px; text-shadow: 0px 0px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button.et2_button_text:active, button.et2_button_text:active,
input[type=button]:active { input[type=button]:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
/* ######################################################################################## /* ########################################################################################
* Content Element * Content Element

7
pixelegg/less/etemplate2.less
View File

@ -988,7 +988,12 @@ span.et2_checkbox_slideSwitch:hover {
cursor: pointer; cursor: pointer;
} }
span.et2_checkbox_slideSwitch > span.slideSwitch_container {background-color: #fafafa;} span.et2_checkbox_slideSwitch > span.slideSwitch_container {background-color: #fafafa;}
.et2_toolbar {
span.et2_checkbox_slideSwitch {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
}
span.et2_checkbox_slideSwitch.switchOn {filter:none;}
}
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe{ iframe#admin-index_iframe{

4
pixelegg/less/layout_buttons.less
View File

@ -77,9 +77,9 @@ input[type=button] {
&:hover{ &:hover{
/*background-color: @gray_30;*/ /*background-color: @gray_30;*/
text-shadow: 0px 0px; text-shadow: 0px 0px;
.box_shadow_standard_light_hover !important; .box_shadow_standard_light_hover;
} }
&:active {.box_shadow_standard_light_active !important;} &:active {.box_shadow_standard_light_active}
} }
/* ######################################################################################## /* ########################################################################################

18
pixelegg/mobile/fw_mobile.css
View File

@ -1155,6 +1155,12 @@
span.et2_checkbox_slideSwitch > span.slideSwitch_container { span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa; background-color: #fafafa;
} }
.et2_toolbar span.et2_checkbox_slideSwitch {
filter: grayscale(1) contrast(0.9999) opacity(0.7);
}
.et2_toolbar span.et2_checkbox_slideSwitch.switchOn {
filter: none;
}
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe { iframe#admin-index_iframe {
background-color: yellow; background-color: yellow;
@ -2375,15 +2381,15 @@ button.et2_button_text:hover,
input[type=button]:hover { input[type=button]:hover {
/*background-color: @gray_30;*/ /*background-color: @gray_30;*/
text-shadow: 0px 0px; text-shadow: 0px 0px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button.et2_button_text:active, button.et2_button_text:active,
input[type=button]:active { input[type=button]:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
/* ######################################################################################## /* ########################################################################################
* Content Element * Content Element