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

replace some forgotten api icons with bootstrap

Browse Source
This commit is contained in:
ralf 2024-11-18 12:37:20 +01:00
parent 63e566ad6c
commit 50ff832c75
6 changed files with 74 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -297,7 +297,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
color: #626161; color: #626161;
} }
#calendar-view .calendar_calBirthday, #calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon { #calendar-view .calendar_calBirthday, #calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon {
background-image: url(../../../api/templates/default/images/cake.svg); background-image: url(../../../node_modules/bootstrap-icons/icons/cake2.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
background-position: 10px center; background-position: 10px center;

44
calendar/templates/kdots/app.css
View File

@ -67,15 +67,19 @@
#calendar-et2_target > div { #calendar-et2_target > div {
position: relative; position: relative;
} }
#calendar-sidebox_cat_id {
margin-bottom: 5px;
}
#calendar-sidebox_cat_id ~ * { #calendar-sidebox_cat_id ~ * {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.flatpickr-current-month .numInputWrapper {
color: inherit;
}
/*overrides above for disabled et2-box*/
#calendar-sidebox_cat_id ~ et2-box[disabled] {
display: none;
}
#calendar-sidebox_weekend { #calendar-sidebox_weekend {
/* Special css styling goes here */ /* Special css styling goes here */
} }
@ -114,14 +118,22 @@
} }
/* Toolbar */ /* Toolbar */
#calendar-toolbar { #calendar-toolbar {
height: 3.6em; height: auto;
margin-top: 0.3em;
} }
#calendar-toolbar > div { #calendar-toolbar > div {
display: flex; display: flex;
align-items: center;
}
#calendar-toolbar #calendar-toolbar_add::part(base) {
border-style: hidden;
}
#calendar-toolbar #calendar-toolbar_add:hover::part(base) {
border-style: solid;
background-color: var(--sl-input-background-color);
} }
#calendar-toolbar .et2_toolbar { #calendar-toolbar .et2_toolbar {
background: inherit; background: inherit;
border: none;
} }
#calendar-toolbar .egw_fw_ui_app_header_container { #calendar-toolbar .egw_fw_ui_app_header_container {
border: none; border: none;
@ -271,7 +283,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
#calendar-view .calendar_calBirthday, #calendar-view .calendar_calBirthday,
#calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon { #calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon {
background-image: url(../../../api/templates/default/images/cake.svg); background-image: url(../../../node_modules/bootstrap-icons/icons/cake2.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
background-position: 10px center; background-position: 10px center;
@ -1305,8 +1317,12 @@ Hide subsequent headers in week view with non-consolidated owners
} }
/** /**
* Calendar Drag and Drop * Calendar Drag and Drop
* Class for div to show forbiden drop
*/ */
.calendar_d-n-d_helper {
position: absolute;
z-index: initial;
}
/* Class for div to show forbiden drop */
.calendar_d-n-d_timeCounter > span { .calendar_d-n-d_timeCounter > span {
position: absolute; position: absolute;
background-color: #808080; background-color: #808080;
@ -1340,6 +1356,7 @@ Hide subsequent headers in week view with non-consolidated owners
font-size: 1.1em; font-size: 1.1em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
min-width: 10em;
} }
.calendar_d-n-d_timeCounter .loading { .calendar_d-n-d_timeCounter .loading {
width: 16px; width: 16px;
@ -1359,10 +1376,12 @@ Hide subsequent headers in week view with non-consolidated owners
.calendar_freetime_timeframe { .calendar_freetime_timeframe {
position: relative; position: relative;
} }
img.calendar_print_button, et2-image.calendar_print_button,
img.calendar_print_appicon { et2-appicon.calendar_print_appicon,
et2-appicon.calendar_print_appicon img {
height: 24px; height: 24px;
width: 24px; width: 26px;
font-size: 24px;
} }
/*Sortable views*/ /*Sortable views*/
.srotable_cal_wk_ph { .srotable_cal_wk_ph {
@ -1412,7 +1431,7 @@ img.calendar_print_appicon {
height: 1.6em; height: 1.6em;
padding: 4px 3px 3px; padding: 4px 3px 3px;
background: #b4cee773; background: #b4cee773;
border-radius: 3px; border-radius: var(--sl-border-radius-medium, 3px);
min-width: fit-content; min-width: fit-content;
border: 1px solid #d4d4d8; border: 1px solid #d4d4d8;
text-align: center; text-align: center;
@ -1480,8 +1499,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {
#calendar-toolbar_toolbar et2-switch { #calendar-toolbar_toolbar et2-switch {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
border: 1px solid var(--sl-color-neutral-300); border-radius: var(--sl-border-radius-medium, 3px);
border-radius: 3px;
} }
.ui-toolbar-menulist et2-switch, .ui-toolbar-menulist et2-switch,
.ui-toolbar-menulist et2-switch::part(base), .ui-toolbar-menulist et2-switch::part(base),

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

@ -8,7 +8,6 @@
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Hadi Nategh <hn@stylite.de> * @author Hadi Nategh <hn@stylite.de>
* @package calendar * @package calendar
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/ */
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
@ -91,15 +90,19 @@
#calendar-et2_target > div { #calendar-et2_target > div {
position: relative; position: relative;
} }
#calendar-sidebox_cat_id {
margin-bottom: 5px;
}
#calendar-sidebox_cat_id ~ * { #calendar-sidebox_cat_id ~ * {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.flatpickr-current-month .numInputWrapper {
color: inherit;
}
/*overrides above for disabled et2-box*/
#calendar-sidebox_cat_id ~ et2-box[disabled] {
display: none;
}
#calendar-sidebox_weekend { #calendar-sidebox_weekend {
/* Special css styling goes here */ /* Special css styling goes here */
} }
@ -303,7 +306,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
#calendar-view .calendar_calBirthday, #calendar-view .calendar_calBirthday,
#calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon { #calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon {
background-image: url(../../../api/templates/default/images/cake.svg); background-image: url(../../../node_modules/bootstrap-icons/icons/cake2.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
background-position: 10px center; background-position: 10px center;
@ -1396,10 +1399,12 @@ Hide subsequent headers in week view with non-consolidated owners
.calendar_freetime_timeframe { .calendar_freetime_timeframe {
position: relative; position: relative;
} }
img.calendar_print_button, et2-image.calendar_print_button,
img.calendar_print_appicon { et2-appicon.calendar_print_appicon,
et2-appicon.calendar_print_appicon img {
height: 24px; height: 24px;
width: 24px; width: 26px;
font-size: 24px;
} }
/*Sortable views*/ /*Sortable views*/
.srotable_cal_wk_ph { .srotable_cal_wk_ph {
@ -1445,7 +1450,7 @@ img.calendar_print_appicon {
/*weekend slideSwitch in toolbar*/ /*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header { #calendar-toolbar_app_header {
color: #000; color: #000;
font-size: var(--sl-font-size-large); font-size: 14px;
height: 1.6em; height: 1.6em;
padding: 4px 3px 3px; padding: 4px 3px 3px;
background: #b4cee773; background: #b4cee773;
@ -1652,7 +1657,20 @@ et2-button#calendar-toolbar_toolbar-today::part(label) {
height: calc(100% - 78px); height: calc(100% - 78px);
} }
#calendar_sidebox_content .egw_fw_ui_category_content { #calendar_sidebox_content .egw_fw_ui_category_content {
padding-left: 0px !important; padding-right: 0px !important;
}
div.flatpickr-calendar .flatpickr-months {
gap: 0;
}
div.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 65%;
padding-right: 0 !important;
}
div.flatpickr-calendar .flatpickr-prev-month {
padding-right: 0;
}
div.flatpickr-calendar .flatpickr-next-month {
padding-left: 0;
} }
img.sideboxstar { img.sideboxstar {
width: 12px; width: 12px;
@ -2499,7 +2517,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('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2544,7 +2562,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('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#series:active { button#series:active {
@ -2552,7 +2570,7 @@ button#series:active {
} }
/*edit exception*/ /*edit exception*/
button#exception { button#exception {
background-image: url('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2597,7 +2615,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('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#exception:active { button#exception:active {

1
calendar/templates/mobile/app.less
View File

@ -8,7 +8,6 @@
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Hadi Nategh <hn@stylite.de> * @author Hadi Nategh <hn@stylite.de>
* @package calendar * @package calendar
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/ */
@import (reference) "../../../pixelegg/less/definitions.less"; @import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/less/app_colors.less"; @import (reference) "../../../pixelegg/less/app_colors.less";

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

@ -295,7 +295,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
#calendar-view .calendar_calBirthday, #calendar-view .calendar_calBirthday,
#calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon { #calendar-planner .calendar_plannerHeader .calendar_calBirthdayIcon {
background-image: url(../../../api/templates/default/images/cake.svg); background-image: url(../../../node_modules/bootstrap-icons/icons/cake2.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
background-position: 10px center; background-position: 10px center;
@ -2506,7 +2506,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('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2551,7 +2551,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('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#series:active { button#series:active {
@ -2559,7 +2559,7 @@ button#series:active {
} }
/*edit exception*/ /*edit exception*/
button#exception { button#exception {
background-image: url('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2604,7 +2604,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('../../../api/templates/default/images/edit.svg') !important; background-image: url('../../../node_modules/bootstrap-icons/icons/pencil-square.svg') !important;
background-color: #b3e4a6 !important; background-color: #b3e4a6 !important;
} }
button#exception:active { button#exception:active {

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

@ -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('../../../api/templates/default/images/edit.svg') !important; background-image:url('../../../node_modules/bootstrap-icons/icons/pencil-square.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('../../../api/templates/default/images/edit.svg') !important; background-color: @color_positive_action_active !important;} &:hover {background-image:url('../../../node_modules/bootstrap-icons/icons/pencil-square.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('../../../api/templates/default/images/edit.svg') !important; background-image:url('../../../node_modules/bootstrap-icons/icons/pencil-square.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('../../../api/templates/default/images/edit.svg') !important;background-color: @color_positive_action_active !important;} &:hover {background-image:url('../../../node_modules/bootstrap-icons/icons/pencil-square.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;}
} }