timetable/styles.css
2020-09-18 13:31:42 +00:00

85 lines
1.4 KiB
CSS
Executable file

.block_timetable .tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.block_timetable .tooltip .tooltiptext {
width: 120px;
bottom: 100%;
left: 50%;
margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.slider {
width: 100%;
/*height: 100%;*/
display: flex;
overflow: hidden;
}
@supports (scroll-snap-type) {
.slider > a {
/* display: none;*/
}
}
.slide {
width: 100%;
height: 100%;
flex-shrink: 0;
scroll-snap-align: start;
}
.slides {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
/*
scroll-snap-points-x: repeat(300px);
scroll-snap-type: mandatory;
*/
}
.slides::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.slides::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
display: none;
}
.slides::-webkit-scrollbar-track {
background: transparent;
}
.slides > div {
/* CURRENT way. */
scroll-snap-align: start;
scroll-behavior: smooth;
display: flex;
}
.timetable_view_subject {
display: table;
}
.timetable_view_room {
display: none;
}
.timetable_view_teacher {
display: none;
}
.timetable_view_class {
display: none;
}
.timetable_legend {
width:100%;
text-align: center;
}