vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/members-table.component.scss

   1 .table-header {
   2   display: flex;
   3   margin-bottom: 5px;
   4   .left-header{
   5     .title-header{
   6       font-family: OpenSans-SemiBold;
   7       color: #191919;
   8       font-size: 15px;
   9       margin-bottom: 5px;
  10       display: block;
  11     }
  12
  13     .sub-title-header{
  14
  15       .vnf-selected{
  16         margin-left: 25px;
  17       }
  18
  19       .vnf-match-your-criteria{
  20       }
  21     }
  22     .total{
  23       font-family: OpenSans-Regular;
  24       color: #191919;
  25       font-size: 15px;
  26       margin-right: 10px;
  27     }
  28
  29   }
  30
  31   .search-container{
  32     flex-basis: 300px;
  33     margin-left: auto;
  34   }
  35 }
  36
  37 #member-table>tbody+tbody {
  38   border-top: 1px solid #ddd;
  39 }
  40
  41
  42
  43 #member-table {
  44   border: 1px solid #D2D2D2;
  45   display: flex;
  46   flex-flow: column;
  47   max-height: calc(100vh - 135px);
  48   overflow-y: auto;
  49   thead {
  50     background: #F8F8F8;
  51     tr {
  52       table-layout: fixed;
  53       display: table;
  54       width: 100%;
  55       th.allCheckboxAreSelected {
  56         vertical-align: middle !important;
  57         width: 48px;
  58         max-width: 48px;
  59         min-width: 48px;
  60         height: 48px;
  61       }
  62       th.header-title {
  63         font-family: OpenSans-SemiBold;
  64         vertical-align: middle !important;
  65         height: 48px;
  66         font-size: 12px;
  67       }
  68     }
  69   }
  70   tbody {
  71     tr {
  72       table-layout: fixed;
  73       display: table;
  74       width: 100%;
  75       td{
  76         text-align: center;
  77         height: 60px;
  78         padding-top: 0;
  79         padding-bottom: 0;
  80         max-height: 60px;
  81         vertical-align: middle;
  82         .second-line {
  83           font-size: 12px;
  84         }
  85       }
  86     }
  87   }
  88
  89
  90   //font-size: 12px;
  91
  92   th.allCheckboxAreSelected {
  93     text-align: center;
  94   }
  95 }
  96
  97 .no-result {
  98   font-family: OpenSans-Regular;
  99   width: 100%;
 100   height: 100%;
 101   border: 1px solid #d2d2d2;
 102   display: flex;
 103   align-items: center;
 104   justify-content: center;
 105 }
 106
 107 td.sdcCheckboxMember {
 108   vertical-align: middle !important;
 109   width: 48px !important;
 110   max-width: 48px !important;
 111   min-width: 48px !important;
 112   height: 48px !important;
 113 }
 114
 115