.episode-start {
width: 4rem;
}
+ @include media-breakpoint-up(md) {
+ .episode-body {
+ margin-left: 5rem;
+ }
+ }
.episode-channel-links > * {
margin: 0.5ex 0;
&:first-child {
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;
}
}
}
+
+.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;
+ }
+}