[Glitch] Add pop-out player for audio/video in web UI

port d88a79b456 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
2020-09-28 13:29:43 +02:00
parent 9c88792f0a
commit 8f950e540b
21 changed files with 681 additions and 56 deletions
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -144,7 +144,8 @@
 }

 .icon-button {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
  padding: 0;
  color: $action-button-color;
  border: 0;
@@ -226,6 +227,14 @@
      background: rgba($base-overlay-background, 0.9);
    }
  }
+
+  &__counter {
+    display: inline-block;
+    width: 14px;
+    margin-left: 4px;
+    font-size: 12px;
+    font-weight: 500;
+  }
 }

 .text-icon-button {