diff --git a/framework/core/less/forum/Slidable.less b/framework/core/less/forum/Slidable.less index 39c5e3b3c..ebe3b6991 100644 --- a/framework/core/less/forum/Slidable.less +++ b/framework/core/less/forum/Slidable.less @@ -1,49 +1,51 @@ .Slidable-underneath { display: none; } -.Slidable { - position: relative; +@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: auto; - 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; + .DiscussionListItem-controls { + display: block; + position: static; } - } - .Slideable-underneath--left { - text-align: left; - } - .Slidable-content { - .transition(~"box-shadow 0.2s, border-radius 0.2s"); + .Slidable-underneath { + display: none; + background: @secondary-color !important; + position: absolute; + right: 0; + top: 0; + bottom: 0; + left: 0; + width: auto; + height: auto; + z-index: 0; + color: #fff !important; + border: 0; + border-radius: 0; + .box-shadow(none); + padding: 20px 0; + text-align: right; - .sliding& { - position: relative; - background: #fff; - z-index: 2; - border-radius: 2px; - .box-shadow(0 2px 6px @shadow-color); + .icon { + width: 50px; + text-align: center; + font-size: 20px; + } + } + .Slideable-underneath--left { + text-align: left; + } + .Slidable-content { + .transition(~"box-shadow 0.2s, border-radius 0.2s"); + + .sliding& { + position: relative; + background: #fff; + z-index: 2; + border-radius: 2px; + .box-shadow(0 2px 6px @shadow-color); + } } } }