| 120 |
120 |
|
| 121 |
121 |
|
| 122 |
122 |
table.agenda-table {
|
| 123 |
|
border-spacing: 1vw 0;
|
|
123 |
border-spacing: 0.5vw 0;
|
| 124 |
124 |
table-layout: fixed;
|
| 125 |
125 |
background-color: white;
|
| 126 |
126 |
padding: 0.5em 0;
|
| ... | ... | |
| 130 |
130 |
.agenda-table thead th {
|
| 131 |
131 |
padding-bottom: 1ex;
|
| 132 |
132 |
font-weight: normal;
|
|
133 |
word-break: break-word;
|
| 133 |
134 |
}
|
| 134 |
135 |
|
| 135 |
136 |
@for $i from 1 through 7 {
|
| ... | ... | |
| 173 |
174 |
|
| 174 |
175 |
.agenda-table tbody tr.odd th.hour,
|
| 175 |
176 |
.agenda-table tbody tr.odd td {
|
| 176 |
|
background: hsla(0, 0%, 0%, 0.04);
|
|
177 |
background-color: #f5f5f5;
|
| 177 |
178 |
@media print {
|
| 178 |
179 |
border-top: 1px solid #aaa;
|
| 179 |
180 |
}
|
| ... | ... | |
| 209 |
210 |
hsla(65, 65%, 94%, 0.4) 20%,
|
| 210 |
211 |
hsla(65, 55%, 92%, 0.7) 70%,
|
| 211 |
212 |
hsl(65, 50%, 90%) 90%) fixed;
|
| 212 |
|
left: 0.5ex;
|
| 213 |
|
width: calc(100% - 1ex);
|
|
213 |
left: 0;
|
|
214 |
width: 100%;
|
| 214 |
215 |
}
|
| 215 |
216 |
&.opening-hours {
|
| 216 |
217 |
border-left: 0.5em solid hsl(57, 65%, 85%);
|
| ... | ... | |
| 226 |
227 |
text-align: center;
|
| 227 |
228 |
}
|
| 228 |
229 |
&.booking {
|
| 229 |
|
left: 0.5ex;
|
|
230 |
left: 0;
|
| 230 |
231 |
color: hsl(210, 84%, 40%);
|
| 231 |
232 |
padding: 1ex;
|
| 232 |
233 |
background:
|
| ... | ... | |
| 235 |
236 |
hsla(0, 0%, 100%, 0.85) 0%,
|
| 236 |
237 |
hsla(0, 0%, 100%, 0.65) 100%)
|
| 237 |
238 |
currentColor;
|
| 238 |
|
width: calc(100% - 1ex);
|
|
239 |
width: 100%;
|
| 239 |
240 |
border-left: .5em solid;
|
| 240 |
241 |
border-bottom: 1px solid;
|
| 241 |
242 |
border-color: currentColor;
|
| 242 |
|
|
|
243 |
box-shadow: 0 0 0 0 #888;
|
|
244 |
transition:
|
|
245 |
width 150ms ease-in,
|
|
246 |
min-width 150ms ease-in,
|
|
247 |
left 150ms ease-in,
|
|
248 |
right 150ms ease-in,
|
|
249 |
padding 150ms ease-in,
|
|
250 |
box-shadow 250ms ease-in;
|
| 243 |
251 |
z-index: 2;
|
| 244 |
252 |
&:hover {
|
| 245 |
|
z-index: 3;
|
|
253 |
z-index: 4;
|
| 246 |
254 |
height: auto !important;
|
|
255 |
box-shadow: 0 0 1em 0 #888;
|
| 247 |
256 |
}
|
| 248 |
257 |
> * {
|
| 249 |
258 |
color: hsla(0, 0%, 0%, 0.6);
|
| ... | ... | |
| 262 |
271 |
}
|
| 263 |
272 |
|
| 264 |
273 |
.monthview tbody td div.booking {
|
| 265 |
|
box-shadow: 0 0 0 0 #888;
|
| 266 |
|
transition:
|
| 267 |
|
width 100ms ease-in,
|
| 268 |
|
left 100ms ease-in,
|
| 269 |
|
color 200ms ease-in,
|
| 270 |
|
box-shadow 200ms ease-in,
|
| 271 |
|
padding 100ms ease-in;
|
| 272 |
274 |
text-indent: -9999px;
|
| 273 |
275 |
&:not(:hover) {
|
| 274 |
276 |
padding-top: 0;
|
| ... | ... | |
| 278 |
280 |
text-indent: 0;
|
| 279 |
281 |
left: 0% !important;
|
| 280 |
282 |
width: 100% !important;
|
| 281 |
|
box-shadow: 0 0 1em 0 #888;
|
| 282 |
283 |
}
|
| 283 |
284 |
span.desk {
|
| 284 |
285 |
display: block;
|
| ... | ... | |
| 289 |
290 |
text-indent: 0;
|
| 290 |
291 |
}
|
| 291 |
292 |
|
|
293 |
.day-view.agenda-table {
|
|
294 |
width: auto;
|
|
295 |
min-width: 100%;
|
|
296 |
thead th {
|
|
297 |
min-width: 25px;
|
|
298 |
}
|
|
299 |
// sticky hour cells
|
|
300 |
thead td,
|
|
301 |
tbody th {
|
|
302 |
position: sticky;
|
|
303 |
left: 0;
|
|
304 |
z-index: 3;
|
|
305 |
background-color: white;
|
|
306 |
}
|
|
307 |
.booking {
|
|
308 |
min-width: 0;
|
|
309 |
right: 0;
|
|
310 |
left: auto;
|
|
311 |
&:hover {
|
|
312 |
right: 0;
|
|
313 |
min-width: 8.5em;
|
|
314 |
}
|
|
315 |
}
|
|
316 |
}
|
|
317 |
|
| 292 |
318 |
span.start-time {
|
| 293 |
319 |
font-size: 80%;
|
| 294 |
320 |
}
|
| 295 |
|
-
|