gerrit.onap Code Review - vid.git/blob

   1 .scale-out-modules .table-row {
   2     border: 1px solid #D2D2D2;
   3     display: flex;
   4 }
   5 .scale-out-modules .table-row > div {
   6     text-indent: 12px;
   7     color: #5A5A5A;
   8     font-size: 13px;
   9     border-right: 1px solid #D2D2D2;
  10     line-height: 30px;
  11 }
  12 .scale-out-modules .table-row > div:last-child {
  13     border-right: none;
  14 }
  15 .scale-out-modules .table-row > div:nth-child(1) {
  16     flex: 40px 0 0;
  17     font-size: 22px;
  18 }
  19 .scale-out-modules .table-row > div:nth-child(2) {
  20     flex: 220px 1 0;
  21 }
  22 .scale-out-modules .table-row > div:nth-child(3) {
  23     flex: 200px 1 0;
  24 }
  25 .scale-out-modules .table-row > div:nth-child(4), .scale-out-modules .table-row > div:nth-child(5) {
  26     flex: 150px 0 0;
  27 }
  28 .scale-out-modules .table-row > div:nth-child(6), .scale-out-modules .table-row > div:nth-child(7) {
  29     flex: 120px 0 0;
  30 }
  31 .scale-out-modules .table-row.open > div {
  32     line-height: 29px;
  33     border-top: 1px #009FDB solid;
  34     border-bottom: 1px #009FDB solid;
  35 }
  36 .scale-out-modules .table-row.open > div:last-child {
  37     box-shadow: 0px 0px 0px 0px red, 1px 0px 0px 0px #009FDB;
  38 }
  39 .scale-out-modules .table-row.open > div:nth-child(1) {
  40     border-color: green;
  41 }
  42 .scale-out-modules .table-row.open > div:nth-child(2) {
  43     color: #009FDB;
  44 }
  45 .scale-out-modules .table-header {
  46     border-bottom: none;
  47 }
  48 .scale-out-modules .table-header > div {
  49     background-color: #F2F2F2;
  50     color: black;
  51     font-size: 12px;
  52 }
  53 .scale-out-modules .modules-table:not(.open) + .table-row {
  54     border-top: none;
  55 }
  56 .scale-out-modules .modules-table {
  57     display: none;
  58     margin-top: 10px;
  59     margin-bottom: 15px;
  60 }
  61 .scale-out-modules .modules-table .table-row {
  62     margin-left: 60px;
  63 }
  64 .scale-out-modules .modules-table .table-row  > div:nth-child(1) {
  65     flex: 539px 0 0;
  66     font-size: 13px;
  67 }
  68 .scale-out-modules .modules-table .table-row  > div:nth-child(2) {
  69     flex: 90px 0 0;
  70 }
  71 .scale-out-modules .modules-table .table-row  > div:nth-child(3) {
  72     flex: 90px 0 0;
  73 }
  74 .scale-out-modules .modules-table .table-row  > div:nth-child(4) {
  75     flex: 180px 0 0;
  76 }
  77 .scale-out-modules .modules-table .table-row  > div:nth-child(5) {
  78     flex: 110px 0 0;
  79 }
  80 .scale-out-modules .modules-table.open {
  81     display: block;
  82 }
  83
  84
  85 /*LESS*/
  86 /*
  87
  88
  89 .scale-out-modules{
  90
  91         .table-row{
  92                 border: 1px solid #D2D2D2;
  93                 display:flex;
  94
  95         > div {
  96                         text-indent:12px;
  97                         color: #5A5A5A;
  98                         font-size:13px;
  99                         border-right:1px solid #D2D2D2;
 100                         line-height:30px;
 101
 102                         &:last-child {
 103                                 border-right:none;
 104                         }
 105
 106                         &:nth-child(1){
 107                                 flex:40px 0 0;
 108                                 font-size:22px;
 109                         }
 110                         &:nth-child(2){
 111                                 flex:220px 1 0;
 112                         }
 113                         &:nth-child(3){
 114                                 flex:200px 1 0;
 115                         }
 116                         &:nth-child(4), &:nth-child(5){
 117                                 flex:150px 0 0;
 118                         }
 119                         &:nth-child(6), &:nth-child(7){
 120                                 flex:120px 0 0;
 121                         }
 122                 }
 123
 124                 &.open > div {
 125                         line-height:29px;
 126                         border-top: 1px #009FDB solid;
 127                         border-bottom: 1px #009FDB solid;
 128                         &:last-child{
 129                                 box-shadow: 0px 0px 0px 0px red, 1px 0px 0px 0px #009FDB;
 130                         }
 131                         //box-sizing: border-box;
 132                         &:nth-child(1){
 133                          border-color: green;
 134                         }
 135                         &:nth-child(2){
 136                                 color:#009FDB;
 137                         }
 138                 }
 139     }
 140
 141         .table-header{
 142                 border-bottom:none;
 143
 144         > div {
 145                         background-color:#F2F2F2;
 146                         color: black;
 147                         font-size:12px;
 148                 }
 149     }
 150
 151         .modules-table:not(.open) + .table-row {
 152                 border-top:none;
 153         }
 154
 155         .modules-table{
 156                 display:none;
 157                 margin-top:10px;
 158                 margin-bottom:15px;
 159
 160                 .table-row {
 161                         margin-left:60px;
 162                         & > div{
 163
 164                                 &:nth-child(1){
 165                                         flex:539px 0 0;
 166                                         font-size:13px;
 167                                 }
 168                                 &:nth-child(2){
 169                                         flex:90px 0 0;
 170                                 }
 171                                 &:nth-child(3){
 172                                         flex:90px 0 0;
 173                                 }
 174                                 &:nth-child(4){
 175                                         flex:180px 0 0;
 176                                 }
 177                                 &:nth-child(5){
 178                                         flex:110px 0 0;
 179                                 }
 180                         }
 181                 }
 182
 183                 &.open{
 184                         display:block;
 185                 }
 186         }
 187
 188 }
 189
 190 */