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

// New sidebar in settings
div[class^="standardSidebarView-"] {
  flex-direction: column;

  div[class^="sidebarRegion-"] {
    overflow: hidden;
    flex-basis: unset; // bugfix to normalize height
    flex-grow: 0; // fix scaling

    div[class^="header-"],
    div[class^="separator-"]
    { display: none; }

    & > div {
      background: var(--background-primary);
      scrollbar-width: thin;
      overflow: auto hidden !important;
      justify-content: left;
      max-width: 100%;

      & > nav {
        padding: 0;
        width: unset; // to increase size
        background: var(--background-secondary); // bugfix
        & > div {
          padding-left: @rounder;
          flex-direction: row;
          height: @tab-height;
        }
      }
    }
  }

  div[class^="contentRegion-"] {
    overflow-y: auto;
    scrollbar-width: thin;

    * {
      max-width: 100%;
    }
  }
}

div[aria-controls*="nitro"],
div[aria-controls="library-inventory-tab"],
div[aria-controls="subscriptions-tab"],
div[aria-controls="billing-tab"],
div[aria-controls="keybinds-tab"],
div[aria-controls="game-activity-tab"],
div[aria-controls^="hypesquad"],

div[aria-controls="stickers-tab"],
{
  display: none;
}

.horiz-tab() {
  display: flex;
  flex-flow: row wrap;
  @gap: @div-width * 2;
  column-gap: @gap;
}

#my-account-tab > div {
  .horiz-tab();
  div[class^="divider"]
  { display: none; }
  & > div:first-child {
    width: 50%;
  }
  & > div:nth-child(3) {
    width: calc(50% - @gap);
  }
}

#profile-customization-tab div[class^="children"]
div[class^="baseLayout-"] {
  & > div:not([class]) {
    width: 100%;

    div[class^="customizationSection-"] {
      &:nth-child(2), &:nth-child(3) {
        display: none;
      }
    }
  }

  div[class^="bioTextArea-"] {
    height: 25vh;
  }
}

[class^="optionBox-"]:nth-child(2) {
  display: none;
}

#connections-tab div[class^="children-"] {
  flex-direction: row;
  div[class^="accountList-"] {
    margin-right: @div-width;
    height: 100%; // decreases height? 0_0
  }
  div[class^="connectionList-"] {
    width: 100%;
  }
}

#appearance-tab div[class^="children-"] {
  .horiz-tab();

  & > div:first-child {
    width: 100%;
  }

  div[class^="marginTop8-"], div[class^="marginTop20-"] {
    width: calc(50% - @gap);

    div[class^="divider-"]
    { display: none; }
  }

  div[class^="marginTop20-"] > div[class^="slider-"] {
    margin-top: 28px;
  }
}

#accessibility-tab div div[class^="children-"] {
  & > div {
    &:nth-child(2),
    &:nth-child(3),
    &:nth-child(6),
    &:nth-child(7)
    { display: none; }

    &:nth-child(4) {
      margin-top: @div-width * 2;
    }
  }
}

#notifications-tab div[class^="children"] {
  div:nth-child(6)
  { display: none; }
}

div[class^="accountProfileCard-"] {
  div[class^="field-"]:nth-child(1) {
    height: 0;
    div[class^="constrainedRow-"] {
      display: none;
    }
    button {
      top: -48pt;
      left: 300pt;
    }
  }
}