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

Fix calendar user's header styling

Browse Source
This commit is contained in:
Hadi Nategh 2022-09-13 14:45:14 +02:00
parent b6cfeaedf0
commit bdeab2e8e1
4 changed files with 13 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,10 +40,10 @@
} }
/* Let hidden user names be visible */ /* Let hidden user names be visible */
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > et2-description {
position: static; position: static;
} }
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > et2-description {
overflow: visible !important; overflow: visible !important;
} }
@ -350,7 +350,7 @@ Hide subsequent headers in week view with non-consolidated owners
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] {
display:none; display:none;
} }
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader > span.et2_label #calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader > et2-description
{ {
position: absolute; position: absolute;
top: 2em; top: 2em;
@ -359,7 +359,7 @@ Hide subsequent headers in week view with non-consolidated owners
{ {
height:calc(1.5em + 32px); height:calc(1.5em + 32px);
} }
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > et2-description {
white-space:nowrap; white-space:nowrap;
display: block; display: block;
position: static; position: static;

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

@ -63,10 +63,10 @@
overflow-y: hidden !important; overflow-y: hidden !important;
} }
/* Let hidden user names be visible */ /* Let hidden user names be visible */
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > et2-description {
position: static; position: static;
} }
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > et2-description {
overflow: visible !important; overflow: visible !important;
} }
div.calendar_calEvent { div.calendar_calEvent {
@ -2666,7 +2666,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer { #calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(1.5em + 32px); height: calc(1.5em + 32px);
} }
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > et2-description {
width: calc(100% - 58px); width: calc(100% - 58px);
} }
#calendar-toolbar_toolbar et2-switch .label.on span.off { #calendar-toolbar_toolbar et2-switch .label.on span.off {

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

@ -51,10 +51,10 @@
overflow-y: hidden !important; overflow-y: hidden !important;
} }
/* Let hidden user names be visible */ /* Let hidden user names be visible */
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > et2-description {
position: static; position: static;
} }
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > et2-description {
overflow: visible !important; overflow: visible !important;
} }
div.calendar_calEvent { div.calendar_calEvent {
@ -91,55 +91,6 @@
#calendar-sidebox_weekend { #calendar-sidebox_weekend {
/* Special css styling goes here */ /* Special css styling goes here */
} }
#calendar-sidebox_date .calendar_calHoliday {
background-color: rgba(103, 159, 210, 0.5);
}
#calendar-sidebox_date .flatpickr-months {
gap: 0;
background-color: initial;
}
#calendar-sidebox_date .flatpickr-months > * {
background-repeat: no-repeat;
}
#calendar-sidebox_date .flatpickr-months > *:hover {
background-color: initial !important;
box-shadow: none;
}
#calendar-sidebox_date .flatpickr-months .flatpickr-month {
min-width: 16ch;
height: initial;
background-color: initial;
}
#calendar-sidebox_date .flatpickr-current-month {
height: 25px;
font-size: 100%;
width: 100%;
min-width: 7ch;
left: 0;
display: flex;
align-items: stretch;
padding: 0px;
}
#calendar-sidebox_date .flatpickr-current-month select {
padding: 0 !important;
background-color: initial;
}
#calendar-sidebox_date .flatpickr-current-month .numInputWrapper {
width: 7ch;
min-width: 7ch;
flex: 0;
}
#calendar-sidebox_date .flatpickr-current-month .numInputWrapper:hover {
background-color: initial;
}
#calendar-sidebox_date .flatpickr-current-month input.cur-year {
padding-top: 3px;
}
#calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 100%;
padding: 0;
flex: 1 1 auto;
}
#calendar-sidebox_date div.flatpickr-calendar.inline { #calendar-sidebox_date div.flatpickr-calendar.inline {
width: 100% !important; width: 100% !important;
} }
@ -394,14 +345,14 @@ Hide subsequent headers in week view with non-consolidated owners
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] {
display: none; display: none;
} }
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader > et2-description {
position: absolute; position: absolute;
top: 2em; top: 2em;
} }
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer { #calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(1.5em + 32px); height: calc(1.5em + 32px);
} }
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > et2-description {
white-space: nowrap; white-space: nowrap;
display: block; display: block;
position: static; position: static;
@ -2703,7 +2654,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer { #calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(1.5em + 32px); height: calc(1.5em + 32px);
} }
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > et2-description {
width: calc(100% - 58px); width: calc(100% - 58px);
} }
#calendar-toolbar_toolbar et2-switch .label.on span.off { #calendar-toolbar_toolbar et2-switch .label.on span.off {

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

@ -1127,7 +1127,7 @@ div#calendar-container {
{ {
tr { tr {
&:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {height: ~"calc(1.5em + 32px)";} &:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {height: ~"calc(1.5em + 32px)";}
.calendar_calGridHeader > span.et2_label {width:~"calc(100% - 58px)";} .calendar_calGridHeader > et2-description {width:~"calc(100% - 58px)";}
} }
} }
#calendar-toolbar_toolbar { #calendar-toolbar_toolbar {