Hornwitser
02be8a37a5
Render the timeslots as an editable table of times with associated event. When the event it's linked to is edited the time slot is removed from the original event it belonged to and added to the possibly new event it now belongs to. This gives a somewhat intutive editing experience when editing time slots linked to events with multiple times.
80 lines
1.2 KiB
CSS
80 lines
1.2 KiB
CSS
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
body {
|
|
padding-inline: 1rem;
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
ul, ol {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
margin-block: 0.75em 0.25em;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Enable hover only on non-touch devices */
|
|
@media (hover: hover) and (pointer: fine) {
|
|
a:hover {
|
|
color: color-mix(in oklab, var(--foreground), blue 50%);
|
|
text-decoration: underline;
|
|
text-underline-offset: 2px;
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
button, input, textarea, select {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
fieldset {
|
|
padding-inline: 0.5rem;
|
|
width: fit-content;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
}
|
|
|
|
label>* {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
|
|
:is(p, form, fieldset, pre, ul) + :is(p, form, fieldset, pre, ul) {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
|
|
label + label {
|
|
margin-block-start: 0.5rem;
|
|
}
|