Move duration info below the thumbnail

11 years ago · cf3e812e8e
parent bae9bfdbc7
commit cf3e812e8e
2 changed files with 5 additions and 19 deletions
--- a/app/assets/stylesheets/previews.css.sass
+++ b/app/assets/stylesheets/previews.css.sass
@ -19,23 +19,6 @@ a.preview-link
      margin-top: -60px
      text-shadow: 2px 2px 5px black

-  .thumbnail
-    position: relative
-
-    .duration
-      +terminal-font
-
-      position: absolute
-      color: white
-      background-color: black
-      right: 3px
-      bottom: 3px
-      border:
-        top: 6px solid black
-        left: 6px solid black
-        right: 3px solid black
-        bottom: 3px solid black
-
  &:hover
    text-decoration: none

--- a/app/views/asciicasts/_preview.html.slim
+++ b/app/views/asciicasts/_preview.html.slim
@ -6,9 +6,12 @@
          | ►
      .thumbnail
        = asciicast.thumbnail(30, 10)
-        .duration = asciicast.duration

    .info
      h3 = link_to asciicast.title, asciicast
      p.date
-        | #{time_ago_tag asciicast.created_at} by #{asciicast.author_link}
+        span> = asciicast.duration
+        ' |
+        span> = asciicast.author_link
+        ' |
+        span = time_ago_tag asciicast.created_at