mirror of
https://github.com/flarum/framework.git
synced 2025-02-27 16:18:55 +08:00
55 lines
1.1 KiB
Plaintext
55 lines
1.1 KiB
Plaintext
.Slidable-underneath {
|
|
display: none;
|
|
}
|
|
@media @phone {
|
|
.Slidable {
|
|
position: relative;
|
|
|
|
.DiscussionListItem-controls {
|
|
display: block;
|
|
position: static;
|
|
}
|
|
.Slidable-underneath {
|
|
display: none;
|
|
background: var(--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: var(--control-bg);
|
|
z-index: 2;
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 6px var(--shadow-color);
|
|
}
|
|
}
|
|
}
|
|
}
|