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

   1 .version-controller-bar {
   2   display: flex;
   3   min-height: 57px;
   4   border-bottom: 1px solid $tlv-light-gray;
   5   background-color: transparent;
   6   .vc-container {
   7     display: flex;
   8     flex: 1;
   9     align-self: center;
  10     background-color: transparent;
  11     justify-content: space-between;
  12     padding-left: 16px;
  13     padding-right: 40px;
  14     .version-status-container {
  15       display: flex;
  16       height: 30px;
  17       .version-selector {
  18         border: none;
  19         margin-top: 7px;
  20         padding-right: 10px;
  21         margin-right: 15px;
  22         margin-left: 10px;
  23         @extend .body-1;
  24       }
  25       .version-section {
  26         .form-group {
  27           margin-right: 20px;
  28           .input-options {
  29             border: none;
  30             .input-options-select {
  31               padding-top: 4px;
  32             }
  33           }
  34         }
  35       }
  36       .vc-status {
  37         display: flex;
  38         padding-left: 20px;
  39         border-left: $light-gray thin solid;
  40         .status-text {
  41           align-self: center;
  42           margin-top: 2px;
  43           @extend .heading-5;
  44           color: $dark-gray;
  45         }
  46       }
  47     }
  48     .save-submit-cancel-container {
  49       display: flex;
  50       height: 30px;
  51       .action-buttons {
  52         display: flex;
  53         padding: 0 13px;
  54         .version-control-buttons {
  55           display: flex;
  56         }
  57         .action-buttons-svg {
  58           padding-top: 5px;
  59           margin-right: 20px;
  60           padding-bottom: 5px;
  61
  62           .version-controller-lock-closed {
  63             fill: $dark-gray;
  64             width: 21px;
  65             height: 23px;
  66             margin-top: -3px;
  67             &.disabled {
  68               fill: $light-gray;
  69             }
  70             &:hover {
  71               fill: $black;
  72             }
  73           }
  74           .version-controller-lock-open {
  75             fill: $dark-gray;
  76             width: 24px;
  77             height: 28px;
  78             margin-top: -6px;
  79             &:hover {
  80               fill: $black;
  81             }
  82           }
  83           .version-controller-submit {
  84             fill: $blue;
  85             &.disabled {
  86               fill: $light-gray;
  87             }
  88             &:hover {
  89               fill: $dark-blue;
  90             }
  91           }
  92
  93           .version-controller-revert {
  94             fill: $dark-gray;
  95             &.disabled {
  96               fill: $light-gray;
  97             }
  98             &:hover {
  99               fill: $black;
 100             }
 101           }
 102           .version-controller-save {
 103             fill: $dark-gray;
 104             &.disabled {
 105               fill: $light-gray;
 106             }
 107             &:hover {
 108               fill: $black;
 109             }
 110           }
 111         }
 112       }
 113       .vc-nav-item-close {
 114         display: flex;
 115         padding-left: 18px;
 116         padding-top: 3px;
 117         align-self: center;
 118         @extend .body-1;
 119         color: $gray;
 120         cursor: pointer;
 121         border-left: $gray thin solid;
 122       }
 123     }
 124   }
 125 }