| .version-controller-bar { |
| .navbar-inverse { |
| @extend .body-1-medium; |
| background-color: transparent; |
| border-bottom: $tlv-light-gray thin solid; |
| padding-top: 14px; |
| padding-bottom: 12px; |
| margin-bottom: 0; |
| .container { |
| width: 100%; |
| padding: 0 52px; |
| height: 30px; |
| .navbar-collapse { |
| padding-left: 0; |
| .items-in-left { |
| display: flex; |
| height: 30px; |
| .version-section { |
| .form-group { |
| margin-right: 5px; |
| .input-options { |
| border: none; |
| .input-options-select { |
| padding-top: 4px; |
| } |
| } |
| } |
| } |
| .vc-status { |
| display: flex; |
| padding-left: 14px; |
| border-left: $light-gray thin solid; |
| .status-text { |
| align-self: center; |
| display: flex; |
| padding-left: 3px; |
| .status-text-dash { |
| padding: 0 9px; |
| } |
| } |
| .onboarding-status-icon { |
| width: 25px; |
| height: 19px; |
| background-image: url('../images/ecomp/ASDC_Sprite.png'); |
| background-position: -306px 674px; |
| align-self: center; |
| } |
| .checkout-status-icon { |
| display: flex; |
| & > .catalog-tile-check-in-status.sprite-new.checkout-editable-status-icon { |
| width: 25px; |
| height: 19px; |
| align-self: center; |
| margin-left: 5px; |
| } |
| } |
| } |
| } |
| .items-in-right { |
| display: flex; |
| height: 30px; |
| .action-buttons { |
| display: flex; |
| border-right: $gray thin solid; |
| padding: 0 13px; |
| .version-control-buttons { |
| display: flex; |
| } |
| .vc-nav-item-button { |
| border: 1px solid $light-gray; |
| border-radius: 5px; |
| cursor: pointer; |
| margin-right:10px; |
| padding: 6px 20px; |
| &:hover, &:focus { |
| background-color: lightgrey; |
| } |
| &.button-submit{ |
| background-color: transparent; |
| color: $green; |
| border-color: $green; |
| } |
| &.button-checkin-checkout { |
| background-color: $white; |
| @extend .body-1; |
| } |
| } |
| .revert-btn, .save-btn { |
| height: 24px; |
| width: 24px; |
| align-self: center; |
| cursor: pointer; |
| margin-right: 10px; |
| } |
| } |
| .vc-nav-item-close { |
| display: flex; |
| padding-left: 18px; |
| padding-top: 3px; |
| align-self: center; |
| @extend .body-1; |
| color: $gray; |
| cursor: pointer; |
| } |
| } |
| } |
| } |
| } |
| } |