@import "../../../style/mixin.scss";

@include export-module('co-side-bar-menu-layout') {
  .co-side-bar-menu {
    .lib-menu-bar {
      position: absolute;
      // todo revert tot 1
      z-index: 5;
      width: 50px;
      top: 0;
      left: 0;
      height: 100vh;

      .lib-menu-bar-item {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;

        .lib-menu-tooltip {
          position: absolute;
          top: 0;
          left: -250px;
          box-sizing: border-box;
          padding: 0 10px;
          line-height: 50px;
        }

        &:hover {
          .lib-menu-tooltip {
            left: 50px;
          }
        }
      }
    }
  }
}
