.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);
      }
    }
  }
}
