kif/portal
10
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add scrolling to calendar

Browse source
This commit is contained in:
Lars Westermann 2019-05-18 14:43:03 +02:00
parent 84f8e71239
commit d08caf7b8b
Signed by: lars.westermann
GPG key ID: 9D417FA5BB9D5E1D
4 changed files with 68 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/jsMain/resources/style/style.scss
View file

@ -451,7 +451,6 @@ form {
}
.calendar-table {
float: left;
width: 100%;
overflow-x: scroll;
overflow-y: visible;
@ -462,18 +461,20 @@ form {
.calendar-edit {
width: 16rem;
height: 100%;
display: block;
position: absolute;
right: 0;
top: -3rem;
padding-top: 3rem;
overflow: hidden;
.calendar-edit-main {
position: relative;
left: 16rem;
position: sticky;
margin-left: 16rem;
opacity: 0;
transition: left $transitionTime, opacity$transitionTime;
transition: margin-left $transitionTime, opacity $transitionTime, visibility $transitionTime;
top: 1rem;
visibility: hidden;
}
}
@ -546,8 +547,9 @@ form {
}
.calendar-edit-main {
left: 0;
margin-left: 0;
opacity: 1;
visibility: visible;
}
}