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