Contents

[data-component="nav"] {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr;

  &.with-filter {
    grid-template-rows: min-content 1fr;
  }

  .nav-filter {
    padding-block: var(--lb-spacing-xs);
    padding-inline: var(--lb-spacing-sm);
  }

  .nav-tree-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
  }

  .nav-tree {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-bottom: var(--lb-spacing-md);
  }

  &:not(.with-filter) .nav-tree {
    padding-top: var(--lb-spacing-xs);
  }

  .nav-placeholder {
    font-size: var(--lb-font-size-sm);
    background-color: var(--lb-nav-placeholder-background-color);
    color: var(--lb-nav-placeholder-color);
    padding: var(--lb-spacing-md);
    border: 1px dashed var(--lb-nav-placeholder-border-color);
    margin: var(--lb-spacing-sm);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
lookbook-3.0.0.alpha.2	app/components/lookbook/ui/elements/nav/nav.css
lookbook-3.0.0.alpha.1	app/components/lookbook/ui/elements/nav/nav.css
lookbook-3.0.0.alpha.0	app/components/lookbook/ui/elements/nav/nav.css