1
0

style changes

This commit is contained in:
Philip Wagner
2024-09-30 15:49:49 +02:00
parent c62879cd62
commit ceb95139ac
6 changed files with 21 additions and 17 deletions

View File

@@ -173,19 +173,19 @@ start()
</script>
<style>
#info { display: none; position: absolute; left: 498px; top: 0; bottom: 0 }
#info-button { padding-left: calc(498px + 22pt) }
#info { display: none; position: absolute; left: 498px; top: 0; bottom: 0; padding: 22pt }
#info-button { padding-left: calc(498px + 22pt); padding-top: 22pt }
@media (max-width: 750px) {
#info { left: 0; overflow-y: scroll; }
#info-button { padding-left: 79pt }
}
</style>
<div id="info-button" class="container">
<div id="info-button">
<button id="info_open" aria-label="Info Open" class="menu-button no-button flex font-kobata text-40 uppercase">Info</button>
</div>
<div id="info" class="bg-white-green container">
<div id="info" class="bg-white-green">
<button id="info_close" aria-label="Info Close" class="menu-button no-button flex" style="margin-top: 4px"><div style="transform: rotate(45deg); "></div><div style="transform: translate(0,-6px) rotate(135deg);"></div></button>
<div class="text-22" style="margin-top: 34pt">
<?= $page->text() ?>