remove first slash before date on xs and smaller screen sizes

voicerepublic · Mar 17, 2017 · b601160 · b601160
1 parent 0ed5519
commit b601160
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/app/assets/stylesheets/embed.scss b/app/assets/stylesheets/embed.scss
@@ -191,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;
 }
@@ -259,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;

diff --git 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"}