tetalab/thsf.net
19
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: portrait mode for mobile

Browse Source
This commit is contained in:
mco-system 2023-04-11 20:38:44 +11:00
parent ad0f334fd4
commit e087eb3de6
1 changed files with 42 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/thsf/static/css/planning.css
View File

@ -8,6 +8,27 @@
margin: 0.3em 0; margin: 0.3em 0;
width: 20em; width: 20em;
} }
.slot_info .details {
visibility: hidden;
font-weight: bold;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: left;
padding: 1em;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 1s;
transform: translateX(-2em) translateY(102%);
width: 27.5em;
overflow-y: auto;
border-style: solid;
border-color: var(--alt-main-color);
border-width: 1px;
}
} }
@media screen and (max-width: 44em) { @media screen and (max-width: 44em) {
@ -20,6 +41,27 @@
margin: 0.3em 0; margin: 0.3em 0;
width: 21em; width: 21em;
} }
.slot_info .details {
visibility: hidden;
font-weight: bold;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: left;
padding: 1em;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 1s;
transform: translateX(-2em) translateY(102%);
width: 28em;
overflow-y: auto;
border-style: solid;
border-color: var(--alt-main-color);
border-width: 1px;
}
} }
.slot_info, .slot_info,
@ -135,28 +177,6 @@
position: relative; position: relative;
} }
.slot_info .details {
visibility: hidden;
font-weight: bold;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: left;
padding: 1em;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 1s;
transform: translateX(-2em) translateY(102%);
width: 28em;
overflow-y: auto;
border-style: solid;
border-color: var(--alt-main-color);
border-width: 1px;
}
.slot_info .details > .description { .slot_info .details > .description {
margin-top: 1em; margin-top: 1em;
} }