Always visible sidebar example

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<div class="ui inverted top fixed menu">
  <h4 class="ui header image borderless item">
    <img src="assets/perso/logo/logo-cdtgestion-blanc.png" alt="CDT Gestion" class="image">
    <div class="content">
      <h2>IceGest</h2>
    </div>
  </h4>
  <div class="right menu">
    <a class="ui black large icon button" data-inverted="" data-tooltip="Déconnexion" data-position="bottom right">
      <i class="sign out big icon"></i>
    </a>
  </div>
</div>

<div class="flexbox-wrapper">
  <div class="sidebar">
    <div class="ui left vertical inverted blue visible sidebar menu">
      <a class="item active">
        <i class="home left icon"></i>
        Accueil
      </a>
      <a class="item">
        <i class="settings left icon"></i>
        Paramètres
      </a>
    </div>
  </div>
  <div class="content">
    <div class="ui container">
      <div class="ui basic segment">
        <h3>Content asd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asd asd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asd asd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asd asd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd asd ad asd ada dasd asd asd asdasd asd asdsd...

CSS

.flexbox-wrapper {
    display: flex;
}

  .flexbox-wrapper > .sidebar {
    flex: 0 0 auto;
    width: 260px;
  }
  
    .flexbox-wrapper .ui.menu {
      top: 58px;
    }

  .flexbox-wrapper > .content {
    flex: 1 1 auto;
  }
  
    .ui.container {
      margin: 6em 3em 0 3em !important;
      width: auto !important;
      max-width: 960px !important;
    }

JavaScript

// Add javascript here