Fill background in under right border-radius

webrecorder · Nov 22, 2023 · 4de5eed · 4de5eed
1 parent 376358c
commit 4de5eed
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/frontend/src/components/meter.ts b/frontend/src/components/meter.ts
@@ -72,20 +72,18 @@ export class DividedMeterBar extends LitElement {
   `;
 
   render() {
-    const remainder = this.quota - this.value;
     return html`<sl-tooltip>
       <div slot="content"><slot></slot></div>
-      ${when(this.value, () => {
-        return html`<div
-          class="bar ${this.value < this.quota
-            ? css`rightBorderRadius`
-            : css``}"
-          style="width:${this.value}%"
-        ></div>`;
-      })}
-      ${when(remainder, () => {
-        return html`<div class="quotaBar" style="width:${remainder}%"></div>`;
-      })}
+      <div class="quotaBar" style="width:100%">
+        ${when(this.value, () => {
+          return html`<div
+            class="bar ${this.value < this.quota
+              ? css`rightBorderRadius`
+              : css``}"
+            style="width:${this.value}%"
+          ></div>`;
+        })}
+      </div>
     </sl-tooltip>`;
   }
 }