.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;
vertical-align: middle;
}
}
+}
- .crew-member {
- border: none;
+.crew-member {
+ border: none;
- img {
- max-height: 2rem;
- width: auto;
- border-radius: 50%;
- margin: 0 0.25rem 0 0;
- }
- span {
- vertical-align: middle;
- }
+ img {
+ max-height: 2rem;
+ width: auto;
+ border-radius: 50%;
+ margin: 0 0.25rem 0 0;
+ }
+ span {
+ vertical-align: middle;
+ }
- &.unconfirmed {
- opacity: 0.25;
- &:hover {
- opacity: 1;
- }
+ &.unconfirmed {
+ opacity: 0.25;
+ &:hover {
+ opacity: 1;
}
}
}
+
+.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;
+ }
+}