remove some useless svg groups

[alttp.git] / resources / sass / episodes.scss

diff --git a/resources/sass/episodes.scss b/resources/sass/episodes.scss
index d4248cb2e2bd2dc4f10d63f16ecc591df273a4a0..6caf0dd6eafc8cdbaf9e23f71b5ce91be3eeb3f5 100644 (file)
--- a/resources/sass/episodes.scss
+++ b/resources/sass/episodes.scss
@@ -22,6 +22,11 @@
        .episode-start {
                width: 4rem;
        }
+       @include media-breakpoint-up(md) {
+               .episode-body {
+                       margin-left: 5rem;
+               }
+       }
        .episode-channel-links > * {
                margin: 0.5ex 0;
                &:first-child {
@@ -35,7 +40,20 @@
                display: grid;
                grid-template-columns: 1fr 1fr;
        }
+       @include media-breakpoint-down(md) {
+               .episode-event {
+                       margin-left: 5rem;
+               }
+       }
 
+       .event-link {
+               color: inherit;
+               text-decoration: none;
+               &:hover {
+                       color: $link-color;
+                       text-decoration: underline;
+               }
+       }
        .player-link {
                border: none;
 
@@ -71,3 +89,26 @@
                }
        }
 }
+
+.channel-select {
+       .search-results-holder {
+               position: relative;
+       }
+       .search-results {
+               position: absolute;
+               left: 0;
+               top: 100%;
+               z-index: 1;
+               width: 100%;
+               border-top-left-radius: 0;
+               border-top-right-radius: 0;
+               box-shadow: 1ex 1ex 1ex rgba(0, 0, 0, 0.5);
+       }
+       &.collapsed .search-results {
+               display: none;
+       }
+       &.expanded .search-input {
+               border-bottom-left-radius: 0;
+               border-bottom-right-radius: 0;
+       }
+}