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

   1 $message-info-icon-size: 16px;
   2
   3 .vnf-creation-page {
   4     .list-editor-view-header {
   5         border-bottom: none;
   6     }
   7     .vnfBrowse-list-item {
   8         display: flex;
   9         height: 36px;
  10         @extend .body-1;
  11         &.header {
  12             @extend .body-1-semibold;
  13             background-color: $tlv-light-gray;
  14             color: $text-black;
  15         }
  16         &.selectedRow {
  17             background-color: $blue;
  18             color: $white;
  19             .svg-icon-wrapper {
  20                 &.__positive {
  21                     fill: $white;
  22                     color: $white;
  23                 }
  24             }
  25         }
  26         .svg-icon-wrapper {
  27             &.__positive {
  28                 fill: $dark-gray;
  29                 color: $dark-gray;
  30             }
  31         }
  32     }
  33
  34     .activity-action {
  35         .svg-icon-wrapper {
  36             float: left;
  37         }
  38     }
  39
  40     .message-further-info-icon {
  41         background-color: $gray;
  42     }
  43
  44     .table-cell {
  45         border-right: 1px solid $light-gray;
  46         border-bottom: 1px solid $light-gray;
  47         &:last-child {
  48             border-right: none;
  49         }
  50         flex-basis: 22%;
  51         display: flex;
  52         padding: 0 20px;
  53         justify-content: center;
  54         flex-direction: column;
  55
  56         &.vnftable-action {
  57             flex-basis: 12%;
  58             span {
  59                 margin: auto;
  60             }
  61         }
  62     }
  63
  64     .vnf-table-header {
  65         cursor: pointer;
  66         display: flex;
  67         align-items: center;
  68         .header-sort-arrow {
  69             width: 0;
  70             height: 0;
  71             border-left: 5px solid transparent;
  72             border-right: 5px solid transparent;
  73             margin-left: 9px;
  74             &.up {
  75                 border-bottom: 5px solid $black;
  76             }
  77             &.down {
  78                 border-top: 5px solid $black;
  79             }
  80         }
  81     }
  82
  83     .vnf-table-cell {
  84         display: flex;
  85         justify-content: space-between;
  86         span {
  87             overflow: hidden;
  88             text-overflow: ellipsis;
  89         }
  90     }
  91     .vnftable-name {
  92         max-width: 22%;
  93     }
  94
  95     .vnf-grid-section {
  96         margin: 20px 20px 20px 50px;
  97     }
  98
  99     .vnf-modal {
 100         text-align: right;
 101         margin-top: 22px;
 102     }
 103
 104     .vnf-submit {
 105         margin-right: 15px;
 106     }
 107 }