Replaced mysterious progress bar styles

FelixHenninger · Mar 31, 2020 · 70be63c · 70be63c
1 parent 70b016a
commit 70be63c
Showing 1 changed file with 27 additions and 12 deletions.
diff --git a/packages/library/src/starterkit/lib/lab.css b/packages/library/src/starterkit/lib/lab.css
@@ -432,22 +432,35 @@ table.table-striped tr:nth-child(odd) td {
 }
 
 /* Progress bar */
-.progress {
-  width: 100%;
+#labjs-progress-bar-container {
+  padding: 0.5rem;
+  display: flex;
+  align-items: center;
+  box-shadow: 0px 2px 1px -1px rgb(210, 210, 210);
+}
+
+#labjs-progress-bar-outer {
+  flex: 1;
+  border-radius: 4px;
+  background-color: #e4e7e8;
+  display: inline-block;
   height: 8px;
-  overflow: hidden;
-  margin: 0.2rem 0 0.4rem;
-  border-radius: 2px;
-  border: 1px solid var(--color-border);
 }
-.progress .progress-bar {
-  width: 0%;
-  min-height: 8px;
-  background-color: var(--color-gray-background);
-  border-right: 1px solid var(--color-border-internal);
-  box-sizing: content-box;
+
+#labjs-progress-bar-message {
+  display: inline-block;
+  margin-right: 8px;
+  font-size: 14px;
+}
+
+#labjs-progress-bar-inner {
+  display: block;
+  background: #ffc32d;
+  border-radius: 4px;
+  height: 100%;
 }
 
+
 /* Popovers */
 .popover {
   position: absolute;
@@ -494,3 +507,5 @@ table.table-striped tr:nth-child(odd) td {
   top: -8px;
 }
 
+/
+