52 lines
891 B
SCSS
52 lines
891 B
SCSS
.calendar {
|
|
flex-grow: 1;
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
overflow: auto;
|
|
}
|
|
|
|
.header {
|
|
position: sticky;
|
|
|
|
.title {
|
|
font-size: 22px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.controlButtons {
|
|
display: flex;
|
|
gap: 12px;
|
|
}
|
|
}
|
|
|
|
.daysOfWeek {
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
|
|
div {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
font-weight: 100;
|
|
border-bottom: 1px solid gray;
|
|
padding: 4px;
|
|
}
|
|
}
|
|
|
|
.scrollyPart {
|
|
flex-grow: 1;
|
|
|
|
overflow-y: scroll; /* Add the ability to scroll the y axis */
|
|
|
|
/* Hide the scrollbar for Internet Explorer, Edge and Firefox */
|
|
-ms-overflow-style: none; /* Internet Explorer and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
|
|
/* Hide the scrollbar for Chrome, Safari and Opera */
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
}
|