Beiträge von Lazeboy

Lazeboy

Hallo zusammen,

ich bin gerade dabei einen Zeitplaner zu bauen. Das Ganze sieht ungefähr so aus:

[Blockierte Grafik: https://image.ibb.co/kH8KmT/Bildschirmfoto_2018_05_20_um_12_38_45.png]

Solange ich nicht maximale Breite nicht überschreite, funktioniert das wunderbar. Die Timeline scrollt mit und die Offset passen alle.

Jetzt möchte ich aber, wie man oben sieht, noch Gruppen mit einbauen und somit auch horizontal scrollen und möglichst nur CSS (Flex) ist erlaubt. Kann mir hier jemand helfen?

Mein bisherige Code sieht so aus (ist durch das ganze rum probieren nicht mehr der schönste):
HTML

Code

[COLOR=#008800][FONT=Courier][COLOR=#000088]<div[/COLOR][COLOR=#000000] [[/COLOR][COLOR=#660066]hidden[/COLOR][COLOR=#000000]][/COLOR][COLOR=#666600]=[/COLOR]"selectedView.id != View.Day"[COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"scheduler-day"[COLOR=#660066]fill-height[/COLOR][COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[FONT=Courier]
[/FONT]
[COLOR=#008800][FONT=Courier][COLOR=#000088]<div[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"calendar-header"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[COLOR=#008800][FONT=Courier][COLOR=#000088]<div[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"weekday-container"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[COLOR=#880000][FONT=Courier]<!-- <span class="weekday">KW<br>{{ calendarData.week }}</span> -->[/FONT][/COLOR]
[COLOR=#000088][FONT=Courier]</div>[/FONT][/COLOR]
[FONT=Courier]    [COLOR=#000088]<ul>[/COLOR][/FONT]
[COLOR=#000088][FONT=Courier]<li><span>[COLOR=#000000]Gruppe 1[/COLOR]</span></li>[/FONT][/COLOR]
[COLOR=#000088][FONT=Courier]<li><span>[COLOR=#000000]Gruppe 2[/COLOR]</span></li>[/FONT][/COLOR]
[COLOR=#000088][FONT=Courier]</ul>[/FONT][/COLOR]
[COLOR=#000088][FONT=Courier]</div>[/FONT][/COLOR]
[FONT=Courier]
[/FONT]


[FONT=Courier]
[/FONT]
[COLOR=#660066][FONT=Courier][COLOR=#000088]<div[/COLOR]class[COLOR=#666600]=[/COLOR][COLOR=#008800]"calendar-main"[/COLOR]fill-height[COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[COLOR=#008800][FONT=Courier][COLOR=#000088]<div[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"calendar-sidebar"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]


[COLOR=#008800][FONT=Courier][COLOR=#000088]<ul[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"timeline"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[COLOR=#000088][FONT=Courier]<li[COLOR=#000000] *[/COLOR][COLOR=#660066]ngFor[/COLOR][COLOR=#666600]=[/COLOR][COLOR=#008800]"let t of times"[/COLOR]><span>[COLOR=#000000]{{ t }}[/COLOR]</span></li>[/FONT][/COLOR]
[FONT=Courier]      [COLOR=#000088]</ul>[/COLOR][/FONT]
[COLOR=#000088][FONT=Courier]</div>[/FONT][/COLOR]
[FONT=Courier]
[/FONT]
[COLOR=#008800][FONT=Courier][COLOR=#000088]<div[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"calendar-body"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]


[COLOR=#008800][FONT=Courier][COLOR=#000088]<div[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"calendar-events"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[COLOR=#008800][FONT=Courier][COLOR=#000088]<ul[/COLOR][COLOR=#660066]class[/COLOR][COLOR=#666600]=[/COLOR]"calendar-grid"[COLOR=#000088]>[/COLOR][/FONT][/COLOR]
[COLOR=#008800][FONT=Courier][COLOR=#000088]<li[/COLOR][COLOR=#000000] *[/COLOR][COLOR=#660066]ngFor[/COLOR][COLOR=#666600]=[/COLOR]"let t of times"[COLOR=#000088]></li>[/COLOR][/FONT][/COLOR]
[FONT=Courier]          [COLOR=#000088]</ul>[/COLOR][/FONT]
[FONT=Courier]      [COLOR=#000088]</div>[/COLOR][/FONT]
[FONT=Courier]
[/FONT]
[FONT=Courier]
[/FONT]
[COLOR=#000088][FONT=Courier]</div>[/FONT][/COLOR]
[COLOR=#000088][FONT=Courier]</div>[/FONT][/COLOR]


[FONT=Verdana][COLOR=#000088][FONT=Courier]</div>[/FONT][/COLOR][/FONT]

Alles anzeigen

Code

[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]scheduler-day[COLOR=#1A1A1A]{[/COLOR][/FONT][/COLOR]
[COLOR=#C7C4C2][FONT=Menlo]//TODO: Warum funktioniert flex nicht, aber box funktioniert...CHROME BUG?[/FONT][/COLOR]
[COLOR=#C7C4C2][FONT=Menlo]// display: flex;[/FONT][/COLOR]
[COLOR=#428226][FONT=Menlo]display[COLOR=#1A1A1A]: [/COLOR]box[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]


[COLOR=#428226][FONT=Menlo]flex-direction[COLOR=#1A1A1A]: [/COLOR][COLOR=#C94824]column[/COLOR][COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]background[/COLOR][COLOR=#1A1A1A]: [/COLOR][COLOR=#C94824]color[/COLOR][COLOR=#1A1A1A]([/COLOR]$colors[COLOR=#1A1A1A], [/COLOR]background-secondary[COLOR=#1A1A1A]);[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]color[/COLOR][COLOR=#1A1A1A]: [/COLOR][COLOR=#C94824]color[/COLOR][COLOR=#1A1A1A]([/COLOR]$colors[COLOR=#1A1A1A], [/COLOR]text-primary[COLOR=#1A1A1A]);[/COLOR][/FONT][/COLOR]
[COLOR=#428226][FONT=Menlo]background[COLOR=#1A1A1A]: [/COLOR][COLOR=#A56416]lightcyan[/COLOR][COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#428226]overflow[/COLOR][COLOR=#1A1A1A]: [/COLOR][COLOR=#C94824]hidden[/COLOR]!important[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]calendar-header[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]flex[/COLOR];[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-header-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]line-height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-header-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#428226]width[/COLOR]: [COLOR=#3778B7]100[/COLOR][COLOR=#B052A1]%[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]weekday-container[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]margin[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]text-align[/COLOR]: [COLOR=#C94824]center[/COLOR];[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]width[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-sidebar-width[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-header-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]line-height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-header-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]border-left[/COLOR][COLOR=#1A1A1A]: [/COLOR]1[COLOR=#B052A1]px[/COLOR][COLOR=#C94824]solid[/COLOR][COLOR=#C94824]color[/COLOR][COLOR=#1A1A1A]([/COLOR]$colors[COLOR=#1A1A1A], [/COLOR]border-primary[COLOR=#1A1A1A]);[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]border-bottom[/COLOR][COLOR=#1A1A1A]: [/COLOR]1[COLOR=#B052A1]px[/COLOR][COLOR=#C94824]solid[/COLOR][COLOR=#C94824]color[/COLOR][COLOR=#1A1A1A]([/COLOR]$colors[COLOR=#1A1A1A], [/COLOR]border-primary[COLOR=#1A1A1A]);[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#3778B7].[/COLOR][COLOR=#B052A1]weekday[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]inline-block[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR] [COLOR=#3778B7]1.25[/COLOR][COLOR=#B052A1]rem[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]vertical-align[/COLOR]: [COLOR=#C94824]middle[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]line-height[/COLOR]: [COLOR=#3778B7]1.5[/COLOR][COLOR=#B052A1]rem[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]font-size[/COLOR]: [COLOR=#3778B7]0.8[/COLOR][COLOR=#B052A1]rem[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]timeline-fix-width[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]height[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]visibility[/COLOR]: [COLOR=#C94824]hidden[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]overflow-y[/COLOR]: [COLOR=#C94824]hidden[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]


[COLOR=#1A1A1A][FONT=Menlo]        }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#3778B7]ul[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]flex[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]flex[/COLOR]: [COLOR=#3778B7]1[/COLOR] [COLOR=#3778B7]0[/COLOR] [COLOR=#C94824]auto[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]list-style[/COLOR]: [COLOR=#C94824]none[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]margin[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#3778B7]li[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]inline-block[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]flex[/COLOR]: [COLOR=#3778B7]1[/COLOR] [COLOR=#3778B7]0[/COLOR] [COLOR=#C94824]auto[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]min-width[/COLOR]: [COLOR=#3778B7]60[/COLOR][COLOR=#B052A1]%[/COLOR];[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-header-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]line-height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-header-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]text-align[/COLOR]: [COLOR=#C94824]center[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]border-bottom[/COLOR]: [COLOR=#3778B7]1[/COLOR][COLOR=#B052A1]px[/COLOR] [COLOR=#C94824]solid[/COLOR] [COLOR=#C94824]color[/COLOR]([COLOR=#3778B7]$colors[/COLOR], [COLOR=#3778B7]border-primary[/COLOR]);[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]border-left[/COLOR]: [COLOR=#3778B7]1[/COLOR][COLOR=#B052A1]px[/COLOR] [COLOR=#C94824]solid[/COLOR] [COLOR=#C94824]color[/COLOR]([COLOR=#3778B7]$colors[/COLOR], [COLOR=#3778B7]border-primary[/COLOR]);[/FONT][/COLOR]


[COLOR=#1A1A1A][FONT=Menlo]            }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]    }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]


[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]calendar-main[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#428226]flex[/COLOR]: [COLOR=#3778B7]1[/COLOR] [COLOR=#3778B7]0[/COLOR] [COLOR=#C94824]auto[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]flex[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#428226]width[/COLOR]: [COLOR=#3778B7]100[/COLOR][COLOR=#B052A1]%[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#428226]max-width[/COLOR]: [COLOR=#3778B7]100[/COLOR][COLOR=#B052A1]%[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        [COLOR=#3778B7].[/COLOR][COLOR=#B052A1]calendar-sidebar[/COLOR] {         [/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]width[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-sidebar-width[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]border-left[/COLOR][COLOR=#1A1A1A]: [/COLOR]1[COLOR=#B052A1]px[/COLOR][COLOR=#C94824]solid[/COLOR][COLOR=#C94824]color[/COLOR][COLOR=#1A1A1A]([/COLOR]$colors[COLOR=#1A1A1A], [/COLOR]border-primary[COLOR=#1A1A1A]);[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#3778B7].[/COLOR][COLOR=#B052A1]timeline[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]list-style[/COLOR]: [COLOR=#C94824]none[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]margin[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]


[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#3778B7]li[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR] [COLOR=#3778B7]1.25[/COLOR][COLOR=#B052A1]rem[/COLOR];[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-row-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]line-height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-row-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]


[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#3778B7]span[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]inline-block[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]font-size[/COLOR]: [COLOR=#3778B7]0.8[/COLOR][COLOR=#B052A1]rem[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]transform[/COLOR]: [COLOR=#C94824]translateY[/COLOR]([COLOR=#3778B7]50[/COLOR][COLOR=#B052A1]%[/COLOR]);[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]calendar-body[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            [COLOR=#428226]flex[/COLOR]: [COLOR=#3778B7]1[/COLOR] [COLOR=#3778B7]0[/COLOR] [COLOR=#C94824]auto[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]calendar-events[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                [COLOR=#3778B7].[/COLOR][COLOR=#B052A1]calendar-grid[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]list-style[/COLOR]: [COLOR=#C94824]none[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]margin[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#3778B7]li[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]width[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#3778B7][FONT=Menlo][COLOR=#428226]height[/COLOR][COLOR=#1A1A1A]: [/COLOR]$scheduler-calendar-row-height[COLOR=#1A1A1A];[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#3778B7]&:[/COLOR][COLOR=#B052A1]after[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                            [COLOR=#3778B7]content[/COLOR]: [COLOR=#428226]''[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                            [COLOR=#428226]position[/COLOR]: [COLOR=#C94824]absolute[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                            [COLOR=#428226]width[/COLOR]: [COLOR=#3778B7]100[/COLOR][COLOR=#B052A1]%[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                            [COLOR=#428226]height[/COLOR]: [COLOR=#3778B7]1[/COLOR][COLOR=#B052A1]px[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                            [COLOR=#428226]background[/COLOR]: [COLOR=#C94824]color[/COLOR]([COLOR=#3778B7]$colors[/COLOR], [COLOR=#3778B7]border-primary[/COLOR]);[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#3778B7]&:[/COLOR][COLOR=#B052A1]first-of-type[/COLOR][COLOR=#3778B7]:[/COLOR][COLOR=#B052A1]after[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                            [COLOR=#428226]height[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#B052A1][FONT=Menlo][COLOR=#3778B7].[/COLOR]calendar-header-width-fix[COLOR=#1A1A1A] {[/COLOR][/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]margin[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]padding[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#428226]list-style[/COLOR]: [COLOR=#C94824]none[/COLOR];[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    [COLOR=#3778B7]li[/COLOR] {[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]display[/COLOR]: [COLOR=#C94824]inline-block[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]height[/COLOR]: [COLOR=#3778B7]0[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]width[/COLOR]: [COLOR=#3778B7]500[/COLOR][COLOR=#B052A1]px[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                        [COLOR=#428226]visibility[/COLOR]: [COLOR=#C94824]hidden[/COLOR];[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                    }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]                }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]            }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]        }[/FONT][/COLOR]
[COLOR=#333333][FONT=Menlo]
[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]    }[/FONT][/COLOR]
[COLOR=#1A1A1A][FONT=Menlo]}[/FONT][/COLOR]

Alles anzeigen

Grüße
Lazeboy