#7204 fix border radius issue

twosigma · May 23, 2018 · 857c8f3 · 857c8f3
1 parent 91d4990
commit 857c8f3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/js/notebook/src/SparkStateProgress.ts b/js/notebook/src/SparkStateProgress.ts
@@ -161,7 +161,6 @@ class SparkStateProgressView extends widgets.VBoxView {
 
     this.progressBar = document.createElement('div');
     this.progressBar.classList.add('bx-spark-stageProgressBar');
-    this.progressBar.classList.add('progress');
 
     this.progressBar.innerHTML = `
       <div class="bx-progress-bar done" style="width: ${percentDone}%"></div>

diff --git a/js/notebook/src/shared/style/spark.scss b/js/notebook/src/shared/style/spark.scss
@@ -28,12 +28,6 @@
   max-width: 600px;
 }
 
-.bx-spark-stageProgressBar {
-  margin: 0 10px;
-  display: flex;
-  align-items: center;
-
-}
 .bx-spark-stageProgressLabels {
   margin: 0;
 }
@@ -73,10 +67,17 @@
   &.all { background-color: $bxColorDefault; }
 }
 
+.bx-spark-stageProgressBar {
+  margin: 0 10px;
+  display: flex;
+  align-items: center;
+  border-radius: .25em;
+  overflow: hidden;
+}
+
 .bx-progress-bar {
   display: inline-block;
   height: 18px;
-  border-radius: .25em;
 
   &.done { background-color: $bxColorSuccess; }
   &.active { background-color: $bxColorInfo; }