Update styles to be Vue component compatible

08a40fd8 · Kushal Pandya · 922d9c55 · 08a40fd8
Commit 08a40fd8 authored Jan 08, 2018 by Kushal Pandya
Show whitespace changes
Inline Side-by-side

Showing with 4 additions and 8 deletions

app/assets/stylesheets/framework/stacked-progress-bar.scss app/assets/stylesheets/framework/stacked-progress-bar.scss +4 -8

No files found.
--- a/app/assets/stylesheets/framework/stacked-progress-bar.scss
+++ b/app/assets/stylesheets/framework/stacked-progress-bar.scss
 .stacked-progress-bar {
  display: flex;
-  height: 20px;
+  height: 16px;
-  width: 350px;
  border-radius: 10px;
  overflow: hidden;
  background-color: $theme-gray-100;
@@ -11,15 +10,12 @@
  .status-neutral,
  .status-red, {
    height: 100%;
+    min-width: 25px;
+    padding: 0 5px;
    font-size: $tooltip-font-size;
    font-weight: normal;
    color: $white-light;
-    line-height: 20px;
+    line-height: 16px;
-    &.has-value {
-      min-width: 25px;
-      padding: 0 5px;
-    }
    &:hover {
      cursor: pointer;