[Glitch] Fix more visual issues with the audio player

Port 2e99e3cab3 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
2019-08-25 15:09:19 +02:00
parent 84d4d75c91
commit b90bd31cfd
5 changed files with 29 additions and 7 deletions
--- a/app/javascript/flavours/glitch/styles/components/media.scss
+++ b/app/javascript/flavours/glitch/styles/components/media.scss
@@ -347,6 +347,19 @@

  &__waveform {
    padding: 15px 0;
+    position: relative;
+    overflow: hidden;
+
+    &::before {
+      content: "";
+      display: block;
+      position: absolute;
+      border-top: 1px solid lighten($ui-base-color, 4%);
+      width: 100%;
+      height: 0;
+      left: 0;
+      top: calc(50% + 1px);
+    }
  }

  &__progress-placeholder {