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

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