Index: vue/src/assets/images/devops/DevSupport/github.png =================================================================== diff -u -r1a5bfcc8266b0bb9ba94021aabde613fc9a2d8c6 -r98818496532eb9a8a85b244ef3968c242cdd7d86 --- vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision 1a5bfcc8266b0bb9ba94021aabde613fc9a2d8c6) +++ vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision 98818496532eb9a8a85b244ef3968c242cdd7d86) @@ -1515,30 +1515,40 @@ opacity: 1; } -.req-table { +.req-table, +.req-select { background: rgba(51, 51, 51, 0.8) !important; border: 1px solid rgba(51, 51, 51, 0.825) !important; } .req-table.dropdown-menu a:hover, -.req-table.dropdown-menu .active a { +.req-table.dropdown-menu .active a, +.req-select.dropdown-menu a:hover, +.req-select.dropdown-menu .active a { background: none; } .req-table.dropdown-menu a:hover, +.req-select.dropdown-menu a:hover, #select2-selected_pdService-container .select2-selection__placeholder, .multiple-select .ms-choice > span.placeholder { color: #f8f8f8; } .req-table.dropdown-menu .active a, +.req-select.dropdown-menu .active a, #disabled_input_pdservice.form-control { color: #a4c6ff; } +.req-select { + min-width: auto; +} + #reqDataTable { + padding-top: 0; margin-bottom: 0; - min-height: 300px; - max-height: 721px; + max-height: 745px; + background: 0 none; overflow: auto; } @@ -1548,8 +1558,12 @@ } #reqDataTable .reqTable th { - padding: 10px; + padding: 20px 10px 10px; text-align: center; + position: sticky; + top: 0; + z-index: 1; + background-color: rgba(51, 51, 51, 0.9); } #reqDataTable .reqTable td { @@ -1570,13 +1584,14 @@ background: 0 none; } -#reqDataTable .reqTable .tbody tr:nth-child(odd) { +#reqDataTable .reqTable .tbody tr:nth-child(even) { background-color: rgba(51, 51, 51, 0.325); } #reqDataTable .reqTable .tbody tr:first-child { height: 37px !important; } #reqDataTable .reqTable .tbody tr td { + position: relative; border-right: 2px solid #515256; }