Commit 514cc842 authored by Michał Woźniak's avatar Michał Woźniak
Browse files

menu now always shown; no hamburger menu either

parent b0fb3f7e
......@@ -100,22 +100,7 @@
justify-content: center;
align-items: center;
}
#covid-stats #main-menu-control {
font-size: 200%;
height: 1em;
padding: 0em 0.3em 0.2em 0.3em;
line-height: 100%;
background:springgreen;
transition: box-shadow 0.5s, color 0.5s, background-color 0.5s;
}
#covid-stats #main-menu-control:hover {
box-shadow: 0px 0px 2px #444;
}
input#menu-shown {
display:none;
}
#main-menu-container {
max-height:0px;
padding-top:1em;
overflow:hidden;
transition:max-height 1s;
......@@ -139,14 +124,6 @@
padding-left:2em;
padding-right:2em;
}
input[type=checkbox][name=menu-shown]:checked ~ #main-menu-container {
max-height:10em;
}
input[type=checkbox][name=menu-shown]:checked ~ #covid-stats #main-menu-control {
background:#444;
color:springgreen;
box-shadow: inset 0px 0px 2px springgreen
}
.sources {
font-size: 80%;
font-style: italic;
......@@ -397,14 +374,12 @@
</head>
<body>
<h1>Scary COVID-19 data</h1>
<input type="checkbox" id="menu-shown" name="menu-shown"/>
<div id="covid-stats">
<div class="item-container"><h2>Global stats</h2></div>
<div id="confirmed"><span class="label">Confirmed cases:</span> <span class="value">(loading...)</span></div>
<div id="deaths"><span class="label">Deaths:</span> <span class="value">(loading...)</span></div>
<div id="recovered"><span class="label">Recovered:</span> <span class="value">(loading...)</span></div>
<div id="mortality"><span class="label">Mortality rate:</span> <span class="value">(loading...)</span></div>
<div class="item-container"><label id="main-menu-control" for="menu-shown"></label></div>
</div>
<div class="sources"><a href="https://github.com/CSSEGISandData/COVID-19">source</a></div>
<div id="main-menu-container">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment