diff --git a/app/assets/stylesheets/embed.scss b/app/assets/stylesheets/embed.scss index 5c2435785..ecb3844bf 100644 --- a/app/assets/stylesheets/embed.scss +++ b/app/assets/stylesheets/embed.scss @@ -51,6 +51,7 @@ $dark-gray: #3d404d; max-width: 116px; max-height: 116px; background: $vr-yellow; + z-index: 999; } .xs .image-box, .xs .live-badge{ @@ -190,7 +191,8 @@ h4.title:hover { max-width: 100%; overflow: hidden; color: $vr-blue; -white-space: nowrap; + white-space: nowrap; + line-height: 1; a { color: $vr-blue; } @@ -258,6 +260,12 @@ white-space: nowrap; line-height: 21px; } + +.xs .first-slash, .tiny .first-slash { + display: none; + visibility: hidden; +} + .small .info-box { height: 56px; max-height: 56px; @@ -422,6 +430,8 @@ white-space: nowrap; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; + + } .jp-controls a { @@ -453,6 +463,17 @@ white-space: nowrap; color: white; } +.jp-controls { + &.disabled { + cursor: not-allowed; + opacity: .4; + a { + // @include button-disabled; + pointer-events: none; + } + } +} + .jp-state-playing .jp-controls a { background: $vr-red; } @@ -673,6 +694,10 @@ a.action-btn svg { background: $dark-gray; } +.pinboard button svg { + margin: 0 auto; +} + .replay-btn { display: -webkit-flex; display: -ms-flexbox; diff --git a/lib/vrng/src/vrng/embeds/core.cljs b/lib/vrng/src/vrng/embeds/core.cljs index 4776d6c2a..0532447bf 100644 --- a/lib/vrng/src/vrng/embeds/core.cljs +++ b/lib/vrng/src/vrng/embeds/core.cljs @@ -331,7 +331,8 @@ [:span (get-in (talk) [:venue :user :name])]] (if (in-talk-state "archived") [:span - [:span.date.sm-up " / " (relative-time)] + [:span.date + [:span.first-slash " / "] (relative-time)] [:span.play-count.sm-up " / " (humanreadable-plays) " Plays"]])]] [:div.branding-box [:a {:href (:url (talk)) :target "_blank"}