vid-app-common/src/main/webapp/app/vid/scripts/modals/new-change-management/new-change-management.css

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