Template:Composition bar: Difference between revisions

Latest revision as of 21:18, 16 November 2024

 {{{1}}}%

@@ Line 1: / Line 1: @@
-<div style="width: 100%; background-color: #e6e6e6; border: 1px solid #ccc; height: 20px; position: relative; box-sizing: border-box; overflow: hidden; display: flex; align-items: center;">
+<div style="width: 100%; background-color: #e6e6e6; border: 1px solid #ccc; height: 20px; position: relative; box-sizing: border-box;">
-   <div style="width: calc(min(100%, {{{1}}}%)); background-color: {{#switch: {{{party|}}}
+  <span style="position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 12px; color: #000; white-space: nowrap;">{{{1}}}%</span>
+   <div style="width: {{{1}}}%; background-color: {{#switch: {{{party|}}}
      | PAP = #2b58ab
      | WP = #5a99fe
@@ Line 9: / Line 10: @@
      | default = #cccccc
    }}; height: 100%;"></div>
-  <span style="position: absolute; left: 50%; transform: translateX(-50%); font-size: 12px; color: #000; white-space: nowrap;">{{{1}}}%</span>
 </div>