openecomp-ui/resources/scss/modules/_revisions.scss

   1 .manage-revisions-modal {
   2   .modal-dialog {
   3     width: 700px;
   4   }
   5   .modal-content {
   6     .modal-body {
   7       .validation-form-content {
   8         padding-top: 30px;
   9       }
  10       //.selected {
  11       //  .selectable {
  12       //    border-color: $light-blue;
  13       //  }
  14       //  .selectable:hover{
  15       //    border-color: hotpink;
  16       //  }
  17       //}
  18
  19       .revision-list-item {
  20         &.selected {
  21           .selectable, .selectable:hover {
  22             border-width: 2px;
  23             border-color: $light-blue;
  24           }
  25         }
  26         .selectable:hover{
  27           border-color: $gray;
  28         }
  29         .selectable:active {
  30           border-color: $light-blue;
  31         }
  32       }
  33
  34       .list-editor-view-list-scroller {
  35         margin-top : 0px;
  36       }
  37
  38       .list-editor-view-header {
  39         border-bottom: none;
  40         .list-editor-view-title {
  41           @extend .heading-5;
  42           text-transform: none;
  43           color: $blue;
  44         }
  45       }
  46
  47       .list-editor-item-view-content {
  48         background-color: $background-gray;
  49       }
  50       .revision-list-item-fields {
  51         width: 100%;
  52         display: flex;
  53         flex-wrap: wrap;
  54         .revision-user {
  55           flex-basis: 50%;
  56           fill: transparent;
  57           stroke: $blue;
  58           .svg-icon-label {
  59             margin-left: 13px;
  60           }
  61         }
  62
  63         .revision-date {
  64           flex-basis: 50%;
  65           text-align: right;
  66           @extend .body-3;
  67           color: $gray;
  68           .revision-time {
  69             margin-left: 5px;
  70           }
  71         }
  72
  73         .revision-message {
  74           flex-basis: 100%;
  75           margin-top: 5px;
  76           @extend .body-2;
  77           .more-less {
  78             @extend .body-3;
  79             color: $blue;
  80             margin-left: 5px;
  81           }
  82         }
  83       }
  84     }
  85   }
  86 }