Skip to content

GitLab

Commit 51e1c94d authored by o@immerda.ch's avatar o@immerda.ch
Browse files

Merge branch '1-responsive' into 'master' 

Resolve "Responsive behaviour"

Closes #1

See merge request !2
parents 2c1bcb9b 50186cc5
Hide whitespace changes
Inline Side-by-side
ipick.js
View file @ 51e1c94d
......@@ -38,7 +38,7 @@
bottom: 0;
right: 0;
height: 100%;
width: 18.75em;
width: 100vw;
max-width: 0;
transition: max-width 300ms ease-in-out;
background-color: #222;
......@@ -50,27 +50,45 @@
padding: 0em 4em;
margin: auto;
line-height: normal;
width: calc(100% - 8em);
text-align: center;
}
.ipick-menu ul li {
list-style: none;
padding: 0px;
margin: auto;
line-height: normal;
padding-top: 0.625em;
}
.ipick-menu ul li a {
color: green;
font-size: 20pt;
font-size: 1.5em;
border: none;
padding: 0px;
margin: 0px;
line-height: normal;
text-decoration: none;
}
.ipick-menu ul li a:hover {
border: none;
text-decoration: underline;
}
.ipick-open .ipick-menu {
max-width: 18.75em;
max-width: 100vw;
width: 100vw
}
@media screen and (min-width: 576px) {
.ipick-menu {
width: 18.75em;
}
.ipick-menu ul {
text-align: left;
}
.ipick-open .ipick-menu {
max-width: 18.75em;
}
}
`;
// add styles
......
test.html
View file @ 51e1c94d
......@@ -2,6 +2,8 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title></title>
</head>
<body style="background-color: #cdc">
......
Markdown is supported
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