Past events are now only displayed on 1 line, with a ... ellipsis

2014-12-20 22:53:04 +01:00 · 2014-12-20 22:53:04 +01:00 · d93fd7d2ea
parent fcad525b4f
commit d93fd7d2ea
1 changed files with 7 additions and 0 deletions
--- a/app/assets/stylesheets/events.css.sass
+++ b/app/assets/stylesheets/events.css.sass
@ -28,6 +28,8 @@ p.full_address
 body.events.index table
  width: 90%
  max-width: 100%
+  // So we can ellipse past events
+  table-layout: fixed
  tr
    th
      padding-bottom: 0.35em
@ -36,8 +38,13 @@ body.events.index table
      width: 14%
      height: 4.8em
      border: 1px solid #89B7E5
+      position: relative
      vertical-align: top
      background-color: #A1C3E7
+      &.past .event
+        overflow: hidden
+        white-space: nowrap
+        text-overflow: ellipsis
      &.today
        border: 1px solid #FFB578
        background-color: #FFE0C7