Refs #5853 @2h; Add a detailed calendars view on VJs editor

1 files changed, 61 insertions, 0 deletions

diff --git a/app/assets/stylesheets/modules/_vj_collection.sass b/app/assets/stylesheets/modules/_vj_collection.sass
index d99c67bd7..7c3aea5ba 100644
--- a/app/assets/stylesheets/modules/_vj_collection.sass
+++ b/app/assets/stylesheets/modules/_vj_collection.sass
@@ -86,6 +86,19 @@
         &:after
           bottom: 50%
 
+
+  .table-2entries .t2e-head
+    .detailed-timetables
+      .fa
+        margin-right: 5px
+    .detailed-timetables-bt
+      text-decoration: none
+      .fa
+        margin-right: 5px
+        color: $red
+      &.active .fa
+        transform: rotate(90deg)
+
   .table-2entries .t2e-head > .td:nth-child(2) > div,
   .table-2entries .t2e-head > .td:last-child > div,
   .table-2entries.no_result .t2e-head > .td:last-child > div
@@ -103,6 +116,54 @@
       top: 50%
       margin-top: -8px
 
+  .detailed-timetables
+    padding-top: 10px
+    text-align: left
+    margin-bottom: -5px
+
+    & > div
+      position: relative
+      border-left: 1px solid $lightgrey
+      padding-left: 10px
+      a
+        text-decoration: none
+        border: none
+      &:before
+        position: absolute
+        left: 0px
+        top: 0
+        right: -8px
+        content: ""
+        border-top: 1px solid $lightgrey
+      font-size: 0.8em
+      height: 44px
+      position: relative
+      padding-bottom: 5px
+
+      p
+        margin: 0
+      p:first-child
+        padding-top: 8px
+        font-weight: bold
+
+  .t2e-item-list .detailed-timetables > div
+    border-left: none
+    &:after
+      top: 50%
+      left: 50%
+      content: ""
+      border: 1px solid black
+      width: 20px
+      height: 20px
+      margin-left: -10px
+      margin-top: -10px
+      position: absolute
+      border-radius: 20px
+    &.active:after
+      background: black
+    &:before
+      left: -8px
+
   // Errors
   .table-2entries .t2e-item-list
     .t2e-item