src.assets.style.layout.sidebar.modifiers._closed-sidebar.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of ui Show documentation

There is a newer version: 2.9.0

// Closed Sidebar
@import "~bootstrap/scss/bootstrap";
@import "../../layout-variables";
.closed-sidebar {
  .app-sidebar {
    width: $app-sidebar-width-collapsed;
    min-width: $app-sidebar-width-collapsed;
    flex: 0 0 $app-sidebar-width-collapsed;
    z-index: 13;

    .close-sidebar-btn{
          display: none;
    }
    .sidebar-menu {
      padding: 0;

      .menu-header {
        text-indent: -999em;

        &::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 1px;
          background: $dropdown-link-hover-bg;
          text-indent: 0px;
        }
      }

      .menu-title {
        display: none;
      }

      .menu-icon {
        left: 50%;
        margin-left: -20px;
      }
    }

  }
}


// Closed Sidebar Open

.closed-sidebar-open {
  &.closed-sidebar {
    .app-sidebar {
      width: $app-sidebar-width;
        position: absolute;

      .logo-src {
        width: $logo-width;
        margin: 0;
      }

      .close-sidebar-btn{
            display: block;
      }

      .sidebar-menu {
        padding: 0 .5rem $layout-spacer-x;

        .menu-title {
          display: block;
        }

        .menu-header {
          text-indent: 0px;

          &::before {
            display: none;
          }
        }

        .menu-icon {
          left: 5px;
          margin-left: 0;
        }
      }
    }
  }
}