harry
/
calendar
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix z-index bug.

This commit is contained in:
邱博亞 2022-12-21 11:15:29 +08:00
parent 6f2e378030
commit e2ab04b95c
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/calendar.scss
View File

@ -136,6 +136,8 @@
} }
#view_holder { #view_holder {
position: relative;
z-index: 0; //z-index can be set when position other than static.
clear: both; clear: both;
} }

13
app/assets/stylesheets/fullcalendar.css
View File

@ -479,6 +479,7 @@ a.fc-event:hover {
/* ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main { .fc-event .fc-event-main {
position: relative; position: relative;
z-index: 2;
} }
/* dragging */ /* dragging */
/* ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */
@ -707,7 +708,7 @@ A HORIZONTAL event
display: table; } display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */ .fc .fc-daygrid-body { /* a <div> that wraps the table */
position: relative; position: relative;
/* container inner z-index's because <tr>s can't do it */ z-index: 1; /* container inner z-index's because <tr>s can't do it */
} }
.fc .fc-daygrid-day.fc-day-today { .fc .fc-daygrid-day.fc-day-today {
background-color: rgba(255, 220, 40, 0.15); background-color: rgba(255, 220, 40, 0.15);
@ -736,6 +737,7 @@ A HORIZONTAL event
} }
.fc .fc-daygrid-day-number { .fc .fc-daygrid-day-number {
position: relative; position: relative;
z-index: 4;
padding: 4px; padding: 4px;
} }
.fc { .fc {
@ -798,9 +800,11 @@ A HORIZONTAL event
} }
.fc .fc-daygrid-event { .fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px; margin-top: 1px;
} }
.fc .fc-daygrid-event.fc-event-mirror { .fc .fc-daygrid-event.fc-event-mirror {
z-index: 7;
} }
.fc { .fc {
@ -817,6 +821,7 @@ A HORIZONTAL event
display: table; } display: table; }
.fc .fc-daygrid-more-link { .fc .fc-daygrid-more-link {
position: relative; position: relative;
z-index: 4;
cursor: pointer; cursor: pointer;
} }
.fc { .fc {
@ -826,6 +831,7 @@ A HORIZONTAL event
} }
.fc .fc-daygrid-week-number { .fc .fc-daygrid-week-number {
position: absolute; position: absolute;
z-index: 5;
top: 0; top: 0;
padding: 2px; padding: 2px;
min-width: 1.5em; min-width: 1.5em;
@ -1042,14 +1048,14 @@ A VERTICAL event
bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
} }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
/* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
} }
.fc .fc-timegrid-divider { .fc .fc-timegrid-divider {
padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
} }
.fc .fc-timegrid-body { .fc .fc-timegrid-body {
position: relative; position: relative;
/* scope the z-indexes of slots and cols */ z-index: 1; /* scope the z-indexes of slots and cols */
min-height: 100%; /* fill height always, even when slat table doesn't grow */ min-height: 100%; /* fill height always, even when slat table doesn't grow */
} }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
@ -1062,6 +1068,7 @@ A VERTICAL event
} }
.fc .fc-timegrid-slots { .fc .fc-timegrid-slots {
position: relative; position: relative;
z-index: 1;
} }
.fc .fc-timegrid-slot { /* a <td> */ .fc .fc-timegrid-slot { /* a <td> */
height: 1.5em; height: 1.5em;