#breadcrumb-bar { min-height: 3.25rem; #breadcrumbs { .breadcrumb { font-size: .75rem; margin-bottom: 0px; // override bootstrap default } } #peek { font-size: .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; } &.disabled { display: block; &.active { width: 7rem; } } .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: 0rem 0rem 0rem .5rem; box-shadow: 0 1px 8px -1px $neutral-shadow; #admin-peek-btn { z-index: 2; border-radius: 0 0 0 .5rem; background: white; padding: .5rem; line-height: 1.2rem; &:before { display: inline-block; transform: rotate(90deg); font-size: .75rem; } } .dropdown-toggle { cursor: pointer; min-width: 120px; z-index: 2; background: white; border-left: 1px solid $neutral-3; font-size: .75rem; padding: .5rem 1rem; > span { float: right; padding: .25rem 0rem; } } .dropdown-menu{ min-width: 120px; left: unset; right: 0; z-index: 1; margin-top: -2px; font-size: .75rem; border-radius: 0 0 0 .5rem; border: 1px solid #D0D3DA; border-right: none; } } }