TheNolanK

Tarkov Wiki Ballistics Table Header Fix

Jul 22nd, 2021
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.80 KB | None | 0 0
  1. /* Custom Tarkov CSS to fix ballistics table headers*/
  2.  
  3. /* The duplicate sets with and without !important are to account for the default Fandom display methods and ensure visual continuity for all browsers */
  4.  
  5. #trkballtablediv {
  6.  
  7. max-height: 950px;
  8. overflow: auto;
  9.  
  10. }
  11.  
  12. table, #trkballtable {
  13.  
  14. position: relative;
  15. max-width:100%;
  16. overflow: auto;
  17. border-spacing: 0px;
  18.  
  19. }
  20.  
  21. th {
  22.  
  23. position: -webkit-sticky; /* Safari */
  24. position: sticky;
  25. top: -1px;
  26. border: 0px solid black;
  27. background: black;
  28. border-style: solid;
  29. border-collapse: collapse;
  30. background-origin: border-box;
  31. border-spacing: 0px;
  32. box-sizing: content-box;
  33.  
  34. }
  35.  
  36. td {
  37.  
  38. box-sizing: content-box;
  39.  
  40. }
  41.  
  42. th.headerSort {
  43.  
  44. position: -webkit-sticky; /* Safari */
  45. position: sticky;
  46. top: 62px;
  47.  
  48. }
  49.  
  50. #trkballtablediv {
  51. max-height: 950px !important;
  52. overflow: auto !important;
  53. }
  54.  
  55. table, #trkballtable {
  56.  
  57. position: relative !important;
  58. max-width:100% !important;
  59. overflow: auto !important;
  60. border-spacing: 0px !important;
  61.  
  62. }
  63.  
  64. th {
  65.  
  66. position: -webkit-sticky !important; /* Safari */
  67. position: sticky !important;
  68. top: -1px !important;
  69. border: 0px solid black !important;
  70. background: black !important;
  71. border-style: solid !important;
  72. border-collapse: collapse !important;
  73. background-origin: border-box !important;
  74. border-spacing: 0px !important;
  75. box-sizing: content-box !important;
  76.  
  77. }
  78.  
  79. td {
  80.  
  81. box-sizing: content-box !important;
  82.  
  83. }
  84.  
  85. th.headerSort {
  86.  
  87. position: -webkit-sticky !important; /* Safari */
  88. position: sticky !important;
  89. top: 62px !important;
  90.  
  91. }
  92.  
  93.  
  94. /* Note: As of 22 July 2021, this Custom CSS complies with the Fandom design rules, however, use at your own risk. */
  95.  
  96. /* Handcrafted by @TheNolanK */
Advertisement
Add Comment
Please, Sign In to add comment