/** DisKort
 * (c) Er2 2022 <er2@dismail.de>
 * Zlib License
 */

// TODO: comment this

@media screen and (max-device-width: 800px) {
  /* FIXME: add close buttons to emoji panel */

  [class^="channel-"] { max-width: unset; margin: 0 8px; }
  [class^="layer-"] { padding: 0; margin: auto; }
  [class^="layer-"] > [class^="container-"],
  [class^="standardSidebarView-"] { overflow-x: scroll; }
  [class^="content-"] [class^="sidebar"] { width: calc(50% - 8px - 72px); }
  [class^="chat-"] { width: 100%; }
  [class^="tools"] { position: unset !important; }

  [class*="positionLayer-"],
  [class*="fullscreenOnMobile"] {
    overflow: auto;
    width: 100%; min-width: 100%;
  }
  [class^="positionLayer-"] {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
  [class*="fullscreenOnMobile"] [class^="body"] {
    width: 100%; height: 100%;
  }

  [class^="side-"] > [class^="item-"] {
    margin-top: 4px !important;
    padding: 6px 10px !important;
  }

  [class^="side-"] > [class^="item-"],
  :not([class*="pill"]):not([class*="Pill"]) > [class*="item-"],
  :not([class*="pill"]):not([class*="Pill"]) > [role="tab"],
  [class^="member-"],
  #channels li,
  div[class^="tabBarItem-"] {
    margin-top: 8px;
    padding: 0 12px;
    font-size: 11pt;
  }

  [class^="base-"],
  [class^="contentRegion-"],
  div[class^="sidebarRegion-"], // all in settings
  {
    width:     200%;
    min-width: 200%;
  }
}