openecomp-ui/resources/scss/components/_versionController.scss

   1 .version-controller-bar {
   2   .navbar-inverse {
   3     @extend .body-1-medium;
   4     background-color: transparent;
   5     border-bottom: $tlv-light-gray thin solid;
   6     padding-top: 14px;
   7     padding-bottom: 12px;
   8     margin-bottom: 0;
   9     .container {
  10       width: 100%;
  11       padding: 0 52px;
  12       height: 30px;
  13       .navbar-collapse {
  14         padding-left: 0;
  15         .items-in-left {
  16           display: flex;
  17           height: 30px;
  18           .version-section {
  19             .form-group {
  20               margin-right: 5px;
  21               .input-options {
  22                 border: none;
  23                 .input-options-select {
  24                   padding-top: 4px;
  25                 }
  26               }
  27             }
  28           }
  29           .vc-status {
  30             display: flex;
  31             padding-left: 14px;
  32             border-left: $light-gray thin solid;
  33             .status-text {
  34               align-self: center;
  35               display: flex;
  36               padding-left: 3px;
  37               .status-text-dash {
  38                 padding: 0 9px;
  39               }
  40             }
  41             .onboarding-status-icon {
  42               width: 25px;
  43               height: 19px;
  44               background-image: url('../images/ecomp/ASDC_Sprite.png');
  45               background-position: -306px 674px;
  46               align-self: center;
  47             }
  48             .checkout-status-icon {
  49               display: flex;
  50               & > .catalog-tile-check-in-status.sprite-new.checkout-editable-status-icon {
  51                 width: 25px;
  52                 height: 19px;
  53                 align-self: center;
  54                 margin-left: 5px;
  55               }
  56             }
  57           }
  58         }
  59         .items-in-right {
  60           display: flex;
  61           height: 30px;
  62           .action-buttons {
  63             display: flex;
  64             border-right: $gray thin solid;
  65             padding: 0 13px;
  66             .version-control-buttons {
  67               display: flex;
  68             }
  69             .vc-nav-item-button {
  70               border: 1px solid $light-gray;
  71               border-radius: 5px;
  72               cursor: pointer;
  73               margin-right:10px;
  74               padding: 6px 20px;
  75               &:hover, &:focus {
  76                 background-color: lightgrey;
  77               }
  78               &.button-submit{
  79                 background-color: transparent;
  80                 color: $green;
  81                 border-color: $green;
  82               }
  83               &.button-checkin-checkout {
  84                 background-color: $white;
  85                 @extend .body-1;
  86               }
  87             }
  88             .revert-btn, .save-btn {
  89               height: 24px;
  90               width: 24px;
  91               align-self: center;
  92               cursor: pointer;
  93               margin-right: 10px;
  94             }
  95           }
  96           .vc-nav-item-close {
  97             display: flex;
  98             padding-left: 18px;
  99             padding-top: 3px;
 100             align-self: center;
 101             @extend .body-1;
 102             color: $gray;
 103             cursor: pointer;
 104           }
 105         }
 106       }
 107     }
 108   }
 109 }