Sidebar visibility fixed for smaller devices (#113)
This commit is contained in:
parent
4317d0224b
commit
feb847f6a6
|
@ -22,11 +22,13 @@ export default styled.div`
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: white !important;
|
color: white !important;
|
||||||
transition: all 0.25s;
|
transition: all 0.25s;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
@media (max-width: 1100px) {
|
@media (max-width: 1100px) {
|
||||||
left: -300px;
|
left: -300px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
|
padding-bottom: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* for small screens */
|
/* for small screens */
|
||||||
|
@ -102,12 +104,14 @@ export default styled.div`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
|
border-left: 5px solid transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 10px 10px 10px 20px;
|
padding: 10px 10px 10px 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
cursor: pointer;
|
||||||
:hover {
|
:hover {
|
||||||
background-color: #07344a;
|
background-color: #07344a;
|
||||||
color: #43bfd6;
|
color: #43bfd6;
|
||||||
|
|
Loading…
Reference in New Issue