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     padding: 0 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: 200px 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: 110px 0 0;
  27 }
  28 .scale-out-modules .table-row > div:nth-child(6), .scale-out-modules .table-row > div:nth-child(7) {
  29     flex: 130px 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: 300px 1 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(3) input {
  75     width: 60px;
  76     margin-top: 10px;
  77 }
  78 .scale-out-modules .modules-table .table-row  > div:nth-child(4) {
  79     flex: 180px 0 0;
  80 }
  81 .scale-out-modules .modules-table .table-row  > div:nth-child(5) {
  82     flex: 280px 0 0;
  83 }
  84 .scale-out-modules .modules-table.open {
  85     display: block;
  86 }
  87
  88
  89 /*LESS*/
  90 /*
  91
  92
  93 .scale-out-modules{
  94
  95         .table-row{
  96                 border: 1px solid #D2D2D2;
  97                 display:flex;
  98
  99         > div {
 100                         padding: 0 12px;
 101                         color: #5A5A5A;
 102                         font-size:13px;
 103                         border-right:1px solid #D2D2D2;
 104                         line-height:30px;
 105
 106                         &:last-child {
 107                                 border-right:none;
 108                         }
 109
 110                         &:nth-child(1){
 111                                 flex:40px 0 0;
 112                                 font-size:22px;
 113                         }
 114                         &:nth-child(2){
 115                                 flex:200px 1 0;
 116                         }
 117                         &:nth-child(3){
 118                                 flex:200px 1 0;
 119                         }
 120                         &:nth-child(4), &:nth-child(5){
 121                                 flex:110px 0 0;
 122                         }
 123                         &:nth-child(6), &:nth-child(7){
 124                                 flex:130px 0 0;
 125                         }
 126                 }
 127
 128                 &.open > div {
 129                         line-height:29px;
 130                         border-top: 1px #009FDB solid;
 131                         border-bottom: 1px #009FDB solid;
 132                         &:last-child{
 133                                 box-shadow: 0px 0px 0px 0px red, 1px 0px 0px 0px #009FDB;
 134                         }
 135                         //box-sizing: border-box;
 136                         &:nth-child(1){
 137                          border-color: green;
 138                         }
 139                         &:nth-child(2){
 140                                 color:#009FDB;
 141                         }
 142                 }
 143     }
 144
 145         .table-header{
 146                 border-bottom:none;
 147
 148         > div {
 149                         background-color:#F2F2F2;
 150                         color: black;
 151                         font-size:12px;
 152                 }
 153     }
 154
 155         .modules-table:not(.open) + .table-row {
 156                 border-top:none;
 157         }
 158
 159         .modules-table{
 160                 display:none;
 161                 margin-top:10px;
 162                 margin-bottom:15px;
 163
 164                 .table-row {
 165                         margin-left:60px;
 166                         & > div{
 167
 168                                 &:nth-child(1){
 169                                         flex:300px 1 0;
 170                                         font-size:13px;
 171                                 }
 172                                 &:nth-child(2){
 173                                         flex:90px 0 0;
 174                                 }
 175                                 &:nth-child(3){
 176                                         flex:90px 0 0;
 177
 178                     input {
 179                         width: 60px;
 180                         margin-top: 10px;
 181                     }
 182                                 }
 183                                 &:nth-child(4){
 184                                         flex:180px 0 0;
 185                                 }
 186                                 &:nth-child(5){
 187                                         flex:280px 0 0;
 188                                 }
 189                         }
 190                 }
 191
 192                 &.open{
 193                         display:block;
 194                 }
 195         }
 196
 197 }
 198
 199 */