style: convert indentation in bottom-sheet to tabs
parent
359cc5b538
commit
bac4a33991
@ -1,56 +1,56 @@
|
||||
.bottom-sheet {
|
||||
@media (max-width: @screen-sm-max) {
|
||||
.dropdown-menu {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
|
||||
position: fixed;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0;
|
||||
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
max-height: 60%;
|
||||
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.35);
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
transform: translate3d(0, 350px, 0);
|
||||
transition: transform 0.3s, visibility 0s 0.3s;
|
||||
z-index: 995;
|
||||
padding: 5px 0 10px;
|
||||
|
||||
li {
|
||||
a {
|
||||
padding: 10px 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&.divider {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: @btn-primary-bg;
|
||||
color: @btn-primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
.dropdown-menu {
|
||||
transform: none;
|
||||
visibility: visible;
|
||||
transition-delay: 0s;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-backdrop {
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
}
|
||||
@media (max-width: @screen-sm-max) {
|
||||
.dropdown-menu {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
|
||||
position: fixed;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0;
|
||||
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
max-height: 60%;
|
||||
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.35);
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
transform: translate3d(0, 350px, 0);
|
||||
transition: transform 0.3s, visibility 0s 0.3s;
|
||||
z-index: 995;
|
||||
padding: 5px 0 10px;
|
||||
|
||||
li {
|
||||
a {
|
||||
padding: 10px 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&.divider {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: @btn-primary-bg;
|
||||
color: @btn-primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
.dropdown-menu {
|
||||
transform: none;
|
||||
visibility: visible;
|
||||
transition-delay: 0s;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-backdrop {
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue