fix: Remove randomized css widths (#635)

* Remove css contenthash due to no effect if using
Signed-off-by: Tamika Tannis <ttannis@lyft.com>

* Remove randomized widths
Signed-off-by: Tamika Tannis <ttannis@lyft.com>

* Cleanup
Signed-off-by: Tamika Tannis <ttannis@lyft.com>

amundsen_application/static/js/components/common/Card/styles.scss

@@ -4,7 +4,7 @@
 $shimmer-loader-items: 1, 2, 3, 4, 5;
 $shimmer-loader-row-height: 16px;
 $shimmer-loader-row-min-width: 90;
-$shimmer-loader-row-max-width: 230;
+$shimmer-loader-row-width: 160;
 
 $card-height: 180px;
 $card-header-height: 60px;
@@ -86,11 +86,7 @@ $card-copy-max-lines: 3;
 
 @each $line in $shimmer-loader-items {
   .shimmer-row-line--#{$line} {
-    width: (
-        random($shimmer-loader-row-max-width - $shimmer-loader-row-min-width) +
-          $shimmer-loader-row-min-width
-      ) +
-      px;
+    width: $shimmer-loader-row-width + px;
   }
 }
 

amundsen_application/static/js/components/common/ShimmeringResourceLoader/styles.scss

@@ -37,6 +37,6 @@ $shimmer-loader-border-size: 1px;
 
 @each $line in $shimmer-loader-lines {
   .shimmer-resource-line--#{$line} {
-    width: percentage(random(100) / 100);
+    width: 75%;
   }
 }

amundsen_application/static/js/components/common/ShimmeringTagListLoader/styles.scss

@@ -5,23 +5,12 @@
 
 $shimmer-loader-tag-height: 36px;
 $shimmer-loader-items: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14;
-$shimmer-loader-tag-max-width: 130;
-$shimmer-loader-tag-min-width: 50;
+$shimmer-loader-tag-width: 90;
 
 .shimmer-tag-loader-item {
   margin: 0 $spacer-1 $spacer-1 0;
   height: $shimmer-loader-tag-height;
-  width: $shimmer-loader-tag-min-width + px;
+  width: $shimmer-loader-tag-width + px;
   border-radius: $tag-border-radius;
   display: inline-block;
 }
-
-@each $item in $shimmer-loader-items {
-  .shimmer-tag-loader-item--#{$item} {
-    width: (
-        random($shimmer-loader-tag-max-width - $shimmer-loader-tag-min-width) +
-          $shimmer-loader-tag-min-width
-      ) +
-      px;
-  }
-}

amundsen_application/static/js/pages/DashboardPage/QueryListItem/styles.scss

@@ -135,7 +135,7 @@ $shimmer-loader-lines: 1, 2, 3, 4, 5, 6;
 
   @each $line in $shimmer-loader-lines {
     .shimmer-line--#{$line} {
-      width: percentage(random(100) / 100);
+      width: 75%;
     }
   }
 }

amundsen_application/static/js/pages/TableDetailPage/TableIssues/styles.scss

@@ -90,7 +90,7 @@ $shimmer-loader-lines: 1, 2;
 
   @each $line in $shimmer-loader-lines {
     .shimmer-issues-line--#{$line} {
-      width: percentage(random(100) / 100);
+      width: 75%;
     }
   }
 }