]> git.localhorst.tv Git - alttp.git/blobdiff - resources/sass/results.scss
strip emotes for language detection
[alttp.git] / resources / sass / results.scss
index 1bde5557f4371f0c491751aa444e0f286c074ce9..f569bdcf57eeea2bda3d1adbac02b83a05632b65 100644 (file)
@@ -2,24 +2,50 @@
        .result {
                padding: 1ex;
 
+               .user-box {
+                       margin-right: 1ex;
+               }
+
                .status {
                        display: flex;
+                       position: relative;
                        align-items: center;
                        justify-content: space-between;
                        margin-top: 1ex;
                        padding: 0.5em;
+                       width: 100%;
                        min-width: 15ex;
+                       border: none;
                        border-radius: 1ex;
                        background: $dark;
                        color: $light;
 
+                       box-shadow: none;
+                       transition: top 0.15s ease-in-out;
+                       &.has-comment {
+                               box-shadow: 0 0.5ex 0 $info;
+                       }
+                       &:active {
+                               box-shadow: none;
+                               top: 0.5ex;
+                       }
+
                        .time {
                                min-width: 9ex;
-                               height: 1.4em;
-                               background: $secondary;
+                               height: 1.6em;
                                border-radius: 0.5ex;
                                padding: 0 0.5ex;
                        }
+                       &.finished .time {
+                               background: $secondary;
+                       }
+               }
+
+               .vod-link {
+                       margin-top: 1ex;
+                       margin-left: 0.5ex;
+                       padding: 0.5em;
+                       border-radius: 1ex;
                }
        }
 }