mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
Fixes issues with wallet-menu on handheld devices
This commit is contained in:
parent
9e622be29f
commit
d0ada511d0
4 changed files with 33 additions and 156 deletions
|
@ -154,4 +154,35 @@ $oses:
|
|||
background-image: url('/img/os/wallet_menu_#{$os}.svg');
|
||||
}
|
||||
}
|
||||
|
||||
@media handheld,
|
||||
only screen and ( max-width: 60em ),
|
||||
only screen and ( max-device-width: 60em ) {
|
||||
> ul {
|
||||
display: block;
|
||||
> li {
|
||||
display: block;
|
||||
margin-bottom: 25px;
|
||||
border: 1px solid $dark-blue;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 10px;
|
||||
}
|
||||
&:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
min-width: 100%;
|
||||
position: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue