Gitlab wide screen

Adapt gitlab layout to wide screens. Please add your own domain if you use on-premise server

  1. /* ==UserStyle==
  2. @name Gitlab wide screen
  3. @description Adapt gitlab layout to wide screens. Please add your own domain if you use on-premise server
  4. @author V1rgul (https://github.com/V1rgul)
  5. @license CC BY-NC - Creative Commons Attribution-NonCommercial
  6. @version 0.0.1.20200814213543
  7. @namespace https://gf.qytechs.cn/users/676264
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("gitlab.com")
  11. {
  12. .container-limited
  13. {
  14. max-width: none !important;
  15. }
  16.  
  17. .commit
  18. {
  19. position: relative;
  20. }
  21.  
  22. .commit .avatar-cell
  23. {
  24. position: absolute;
  25. left: 240px;
  26. }
  27.  
  28. .commit .commit-detail .commit-content
  29. {
  30. position: absolute;
  31. left: 286px;
  32. }
  33.  
  34. .commit .commit-detail .commit-actions
  35. {
  36. position: relative;
  37. padding-left: 36px;
  38. }
  39.  
  40. .commit .commit-detail .commit-actions .ci-status-link
  41. {
  42. position: absolute;
  43. left: 0;
  44. }
  45.  
  46. .commit .commit-detail .commit-actions .ci-status-link .svg
  47. {
  48. width: 24px;
  49. min-width: 24px;
  50. }
  51.  
  52. .commit.gl-responsive-table-row
  53. {
  54. position: relative;
  55. }
  56.  
  57. .commit.gl-responsive-table-row > *
  58. {
  59. /*flex-grow: 0;*/
  60. width: auto;
  61. max-width: none;
  62. flex-basis: auto;
  63. }
  64.  
  65. .commit.gl-responsive-table-row .commit-link
  66. {
  67. margin-right: 16px;
  68. }
  69.  
  70. .commit.gl-responsive-table-row > *:nth-child(4)
  71. {
  72. flex-grow: 1;
  73. }
  74.  
  75. .commit.gl-responsive-table-row .stage-cell
  76. {
  77. width: 160px;
  78. }
  79.  
  80. .commit.gl-responsive-table-row .pipelines-time-ago
  81. {
  82. margin-right: 200px;
  83. width: 140px;
  84. }
  85.  
  86. .commit.gl-responsive-table-row .pipeline-actions
  87. {
  88. position: absolute;
  89. right: 0;
  90. }
  91.  
  92. .issuable-info-container
  93. {
  94. flex-direction: row-reverse;
  95. /*justify-content: flex-start;*/;
  96. }
  97.  
  98. .issuable-info-container .issuable-meta
  99. {
  100. flex-grow: 0 !important;
  101. margin-right: 32px;
  102. }
  103. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址