mirror of
https://github.com/flarum/framework.git
synced 2024-12-13 15:13:42 +08:00
55 lines
1.0 KiB
Plaintext
55 lines
1.0 KiB
Plaintext
.Slidable-underneath {
|
|
display: none;
|
|
}
|
|
@media @phone {
|
|
.Slidable {
|
|
position: relative;
|
|
|
|
.DiscussionListItem-controls {
|
|
display: block;
|
|
position: static;
|
|
}
|
|
.Slidable-underneath {
|
|
display: none;
|
|
background: @secondary-color !important;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
z-index: 0;
|
|
color: #fff !important;
|
|
border: 0;
|
|
border-radius: 0;
|
|
.box-shadow(none);
|
|
padding: 20px 0;
|
|
text-align: right;
|
|
|
|
.icon {
|
|
width: 50px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
.Slidable-underneath--left {
|
|
text-align: left;
|
|
}
|
|
.Slidable-underneath--right {
|
|
left: unset;
|
|
}
|
|
.Slidable-content {
|
|
.transition(~"box-shadow 0.2s, border-radius 0.2s");
|
|
|
|
.sliding& {
|
|
position: relative;
|
|
background: @control-bg;
|
|
z-index: 2;
|
|
border-radius: 2px;
|
|
.box-shadow(0 2px 6px @shadow-color);
|
|
}
|
|
}
|
|
}
|
|
}
|