Fixed buttons on iOS
This commit is contained in:
parent
0ba4706b7c
commit
d0f9d2b6c2
|
@ -62,16 +62,14 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.closebar {
|
.closebar {
|
||||||
width: 10px;
|
|
||||||
margin-left: 270px;
|
|
||||||
background-color: #0000;
|
background-color: #0000;
|
||||||
heigh: 20px;
|
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
transition: all 0.3s ease 0s;
|
transition: all 0.3s ease 0s;
|
||||||
color: rgb(118, 181, 197);
|
color: rgb(118, 181, 197);
|
||||||
padding: 20px;
|
width: 318;
|
||||||
top: 0px;
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
@ -125,13 +123,13 @@ p1 {
|
||||||
|
|
||||||
button {
|
button {
|
||||||
border: none;
|
border: none;
|
||||||
top: 5px;
|
margin-top: 5px;
|
||||||
position: fixed;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
background: var(--button-color);
|
background: var(--button-color);
|
||||||
min-width: 28px;
|
min-width: 28px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover {
|
button:hover {
|
||||||
|
@ -157,7 +155,7 @@ button:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.closebar.expanded {
|
.closebar.expanded {
|
||||||
margin-left: -20px;
|
transform: translateX(-290px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar.hidden {
|
.sidebar.hidden {
|
||||||
|
|
Reference in New Issue