extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling of integration toolbar actions in calendar's toolbar morelist

Browse Source
This commit is contained in:
Hadi Nategh 2021-04-01 13:43:05 +02:00
parent 571ebb21b3
commit e0c4179512
4 changed files with 71 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1526,17 +1526,23 @@ img.calendar_print_button, img.calendar_print_appicon {
left:44%; left:44%;
} }
/* Integration slide switches in toolbar */ /* Integration slide switches in toolbar */
#calendar-toolbar_toolbar span[data-group="integration"] > span { #calendar-toolbar_toolbar span[data-group="integration"] > span,
#toolbar-menulist span[id^="toolbar-integration_stylite"] ,
#toolbar-menulist span[id^="toolbar-video_toggle"] {
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.9999) opacity(0.7); filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#calendar-toolbar_toolbar span[data-group="integration"] > span.switchOn { #calendar-toolbar_toolbar span[data-group="integration"] > span.switchOn,
#toolbar-menulist span[id^="toolbar-integration_stylite"].switchOn,
#toolbar-menulist span[id^="toolbar-video_toggle"].switchOn{
filter: none; filter: none;
box-shadow: inset 1px 1px 1px 1px gray !important; box-shadow: inset 1px 1px 1px 1px gray !important;
} }
#calendar-toolbar_toolbar span[data-group="integration"] > span span.slideSwitch_container { #calendar-toolbar_toolbar span[data-group="integration"] > span span.slideSwitch_container,
#toolbar-menulist span[id^="toolbar-video_toggle"] span.slideSwitch_container,
#toolbar-menulist span[id^="toolbar-integration_stylite"] span.slideSwitch_container{
background: none; background: none;
min-width: 24px; min-width: 24px;
} }

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

@ -101,6 +101,7 @@
} }
#calendar-sidebox_cat_id { #calendar-sidebox_cat_id {
width: 90%; width: 90%;
margin-bottom: 10px;
} }
#calendar-sidebox_cat_id ~ * { #calendar-sidebox_cat_id ~ * {
vertical-align: top; vertical-align: top;
@ -110,6 +111,10 @@
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
#calendar-et2_target hr {
display: block;
border-top: 1px solid #696969;
}
#calendar-sidebox_buttons tbody { #calendar-sidebox_buttons tbody {
width: 100%; width: 100%;
} }
@ -192,14 +197,37 @@ div.calendar_conflicts {
#calendar-toolbar { #calendar-toolbar {
height: 30px; height: 30px;
} }
#calendar-toolbar button#toolbar-add { #calendar-toolbar > div {
margin-right: -3px; display: flex;
}
#calendar-toolbar .et2_toolbar {
background: inherit;
} }
#calendar-toolbar .egw_fw_ui_app_header_container { #calendar-toolbar .egw_fw_ui_app_header_container {
border: none; border: none;
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 26px; min-height: 26px;
justify-content: flex-end;
}
#calendar-toolbar #calendar-toolbar_keywords {
margin-right: 4px;
}
#calendar-toolbar .et2_searchbox input {
height: 14px;
}
#calendar-toolbar #calendar-toolbar_favorite_wrapper {
float: right;
white-space: nowrap;
margin-right: 5px;
margin-top: -4px;
}
#calendar-toolbar #calendar-toolbar_favorite_wrapper #calendar-toolbar_favorite_menu {
z-index: 40;
font-weight: normal;
}
#calendar-toolbar .et2_dropdown button.ui-state-default {
background: #ffffff;
} }
/* Space for toolbar */ /* Space for toolbar */
#calendar-view, #calendar-view,
@ -1472,17 +1500,20 @@ img.calendar_print_appicon {
left: 44%; left: 44%;
} }
/* Integration slide switches in toolbar */ /* Integration slide switches in toolbar */
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] { #calendar-toolbar_toolbar span[data-group="integration"] > span,
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] > span {
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.9999) opacity(0.7); filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn { #calendar-toolbar_toolbar span[data-group="integration"] > span.switchOn,
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] > span.switchOn {
filter: none; filter: none;
box-shadow: inset 1px 1px 1px 1px gray !important; box-shadow: inset 1px 1px 1px 1px gray !important;
} }
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container { #calendar-toolbar_toolbar span[data-group="integration"] > span span.slideSwitch_container,
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] > span span.slideSwitch_container {
background: none; background: none;
min-width: 24px; min-width: 24px;
} }
@ -1579,6 +1610,9 @@ img.calendar_print_appicon {
#calendar-list_nm .nextmatch_header .header_count { #calendar-list_nm .nextmatch_header .header_count {
margin-right: -4px; margin-right: -4px;
} }
#calendar-list_nm .nextmatch_header .search {
display: none;
}
/*generell*/ /*generell*/
.egw_fw_content_browser_iframe img[src$="svg"] { .egw_fw_content_browser_iframe img[src$="svg"] {
background-color: #828282 !important; background-color: #828282 !important;
@ -2321,7 +2355,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) { .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) {
background: #FFFFFF; background: #FFFFFF;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth_child(odd) { .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(odd) {
background: #f2f2f2; background: #f2f2f2;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td { .calendar_calDayTodos .calendar_calDayTodosTable table td {
@ -2486,7 +2520,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
/*ui-widget*/ /*ui-widget*/
/*edit series*/ /*edit series*/
button#series { button#series {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2531,7 +2565,7 @@ button#series:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button#series:hover { button#series:hover {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#series:active { button#series:active {
@ -2539,7 +2573,7 @@ button#series:active {
} }
/*edit exception*/ /*edit exception*/
button#exception { button#exception {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2584,7 +2618,7 @@ button#exception:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button#exception:hover { button#exception:hover {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#exception:active { button#exception:active {

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

@ -1488,17 +1488,23 @@ img.calendar_print_appicon {
left: 44%; left: 44%;
} }
/* Integration slide switches in toolbar */ /* Integration slide switches in toolbar */
#calendar-toolbar_toolbar span[data-group="integration"] > span { #calendar-toolbar_toolbar span[data-group="integration"] > span,
#toolbar-menulist span[id^="toolbar-integration_stylite"],
#toolbar-menulist span[id^="toolbar-video_toggle"] {
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.9999) opacity(0.7); filter: grayscale(1) contrast(0.9999) opacity(0.7);
} }
#calendar-toolbar_toolbar span[data-group="integration"] > span.switchOn { #calendar-toolbar_toolbar span[data-group="integration"] > span.switchOn,
#toolbar-menulist span[id^="toolbar-integration_stylite"].switchOn,
#toolbar-menulist span[id^="toolbar-video_toggle"].switchOn {
filter: none; filter: none;
box-shadow: inset 1px 1px 1px 1px gray !important; box-shadow: inset 1px 1px 1px 1px gray !important;
} }
#calendar-toolbar_toolbar span[data-group="integration"] > span span.slideSwitch_container { #calendar-toolbar_toolbar span[data-group="integration"] > span span.slideSwitch_container,
#toolbar-menulist span[id^="toolbar-video_toggle"] span.slideSwitch_container,
#toolbar-menulist span[id^="toolbar-integration_stylite"] span.slideSwitch_container {
background: none; background: none;
min-width: 24px; min-width: 24px;
} }
@ -2505,7 +2511,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
/*ui-widget*/ /*ui-widget*/
/*edit series*/ /*edit series*/
button#series { button#series {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2550,7 +2556,7 @@ button#series:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button#series:hover { button#series:hover {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#series:active { button#series:active {
@ -2558,7 +2564,7 @@ button#series:active {
} }
/*edit exception*/ /*edit exception*/
button#exception { button#exception {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2603,7 +2609,7 @@ button#exception:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
button#exception:hover { button#exception:hover {
background-image: url('../images/edit.png') !important; background-image: url('../../../pixelegg/images/edit.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#exception:active { button#exception:active {

10
calendar/templates/pixelegg/app.less
View File

@ -867,7 +867,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
// Listendarstellung // Listendarstellung
// Reihen ohne Border left und right // Reihen ohne Border left und right
tr:nth-child(even) {background: @color_even;} tr:nth-child(even) {background: @color_even;}
tr:nth_child(odd) {background: @color_odd;} tr:nth-child(odd) {background: @color_odd;}
td { td {
padding: 3px; padding: 3px;
@ -1009,18 +1009,18 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
/*ui-widget*/ /*ui-widget*/
/*edit series*/ /*edit series*/
button#series { button#series {
background-image:url('../images/edit.png') !important; background-image:url('../../../pixelegg/images/edit.svg') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
.Complete_Button_save_apply_copy; .Complete_Button_save_apply_copy;
&:hover {background-image:url('../images/edit.png') !important; background-color: @color_positive_action_active !important;} &:hover {background-image:url('../../../pixelegg/images/edit.svg') !important; background-color: @color_positive_action_active !important;}
&:active {background-color: @color_positive_action_active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
/*edit exception*/ /*edit exception*/
button#exception { button#exception {
background-image:url('../images/edit.png') !important; background-image:url('../../../pixelegg/images/edit.svg') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
.Complete_Button_save_apply_copy; .Complete_Button_save_apply_copy;
&:hover {background-image:url('../images/edit.png') !important;background-color: @color_positive_action_active !important;} &:hover {background-image:url('../../../pixelegg/images/edit.svg') !important;background-color: @color_positive_action_active !important;}
&:active {background-color: @color_positive_action_active !important;} &:active {background-color: @color_positive_action_active !important;}
} }