Sha256: 3f6b1125fc848b178b0123349455ad2efc514c4f1db8016730ac6de9f3a47343

Contents?: true

Size: 1.9 KB

Versions: 2

Compression:

Stored size: 1.9 KB

Contents

#breadcrumb-bar,
#breadcrumbs {
  min-height: 2.75rem;
}

#breadcrumbs {
  .breadcrumb {
    font-size: 0.75rem;
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    margin-bottom: 0px; // override bootstrap default
  }
}

#peek,
#peek.development,
#peek.staging,
#peek.production {
  font-size: 0.625rem;
  text-shadow: none;
  background-color: transparent;
  overflow: hidden; // keeps the contents hidden when peek is collapsed
  width: 0;

  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;

  &.active {
    width: 54rem;
  }

  .wrapper {
    padding-left: 1rem;
    width: auto;
  }

  .bucket {
    white-space: nowrap;
    .hidden {
      display: inline !important;
    }
  }

  strong {
    color: $neutral-1;
  }

  #peek-view-connect > strong:not(:first-child) {
    margin-left: 15px;
  }
}

#admin-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;

  background-color: $neutral-4;
  border-left: 1px solid $neutral-2;
  border-bottom: 1px solid $neutral-2;
  border-radius: 0 0 0 0.5rem;
  box-shadow: 0 1px 8px -1px $neutral-shadow;

  #admin-peek-btn {
    z-index: 1001;
    border-radius: 0 0 0 0.5rem;
    background: white;
    padding: 0.5rem;
    line-height: 1.2rem;
    border-right: 1px solid $neutral-3;

    &:before {
      display: inline-block;
      transform: rotate(90deg);
      font-size: 0.75rem;
    }
  }

  .dropdown-toggle {
    cursor: pointer;
    min-width: 120px;
    z-index: 1001;
    background: white;
    font-size: 0.75rem;
    padding: 0.5rem 1rem;

    > span {
      float: right;
      padding: 0.25rem 0rem;
    }
  }

  .dropdown-menu {
    min-width: 120px;
    left: unset;
    right: 0;
    margin-top: -2px;
    font-size: 0.75rem;
    border-radius: 0 0 0 0.5rem;
    border: 1px solid #d0d3da;
    border-right: none;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
zuora_connect_ui-0.12.3 app/assets/stylesheets/zuora_connect_ui/breadcrumb_bar.scss
zuora_connect_ui-0.12.2 app/assets/stylesheets/zuora_connect_ui/breadcrumb_bar.scss