emilis
/
tonnetz.eu
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved UX on mobile.

This commit is contained in:
Emilis Dambauskas 2020-12-12 18:17:39 +02:00
parent 9910571f4e
commit da0c0270f7
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -3,6 +3,7 @@
<!-- (c) Emilis Dambauskas 2020 https://git.sr.ht/~emilis/tonnetz-page -->
<head>
<meta charset="utf8">
<meta name="viewport" content="width=1024">
<title>Harmonorasi</title>
<style type="text/css">
@ -20,10 +21,6 @@ body {
font-family: serif;
font-size: 100%;
line-height: 1.6;
/*
margin: 0;
padding: 0;
*/
}
a {
@ -86,15 +83,15 @@ li:last-child {
#menu-button {
background-color: #69c;
border-radius: 0 0 0 0.25em;
border-radius: 0 0 0.25em 0;
color: black;
display: block;
font-family: sans-serif;
font-size: 200%;
font-weight: bold;
padding: 0.5em 1em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 3;
@ -126,14 +123,14 @@ input#ui-menu:checked ~ #menu-button > .opened {
#menu {
background-color: rgba( 0, 0, 0, 0.9 );
border-radius: 0 0 0 1em;
border-radius: 0 0 1em 0;
box-sizing: border-box;
display: none;
font-family: sans-serif;
max-width: 80%;
left: 0;
max-width: 80vw;
padding: 1em 2em;
position: absolute;
right: 0;
top: 0;
width: 32em;
z-index: 2;