Added percentage to the brightness panel's update bar

xanderfrangos · Apr 26, 2020 · 585b59d · 585b59d
1 parent 363a3f6
commit 585b59d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/BrightnessPanel.jsx b/src/components/BrightnessPanel.jsx
@@ -53,7 +53,7 @@ export default class BrightnessPanel extends PureComponent {
         <div className="left">{T.t("PANEL_UPDATE_AVAILABLE")} ({this.state.update.version})</div><div className="right"><a onClick={window.installUpdate}>{T.t("GENERIC_INSTALL")}</a><a className="icon" title={T.t("GENERIC_DISMISS")} onClick={window.dismissUpdate}>&#xEF2C;</a></div>
       </div>)
     } else if(this.state.update && this.state.update.downloading) {
-      return (<div className="updateBar"><div className="progress-bar"><div style={ { width: `${this.state.updateProgress}%`} }></div></div></div>)
+    return (<div className="updateBar"><div className="left progress"><div className="progress-bar"><div style={ { width: `${this.state.updateProgress}%`} }></div></div></div><div className="right">{this.state.updateProgress}%</div></div>)
     }
   }
 

diff --git a/src/css/panel.scss b/src/css/panel.scss
@@ -118,7 +118,11 @@ body {
 
     .left {
         font-size: 13px;
-            opacity: 0.8;
+        opacity: 0.8;
+        &.progress {
+            padding-right: 15px;
+            width: 100%;
+        }
     }
     .right {
         display: flex;