From a43f71dda953ab1ca130af875b221569e4767f05 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sun, 19 Feb 2017 18:27:57 -0500
Subject: Redesign project list view

---
 assets/sass/_table_list.sass        | 64 +++++++++++++++++++++++++++++++++++
 assets/sass/_task_avatars.sass      | 24 ++++++++++++++
 assets/sass/_task_board_avatar.sass | 10 ------
 assets/sass/_task_list.sass         | 66 -------------------------------------
 assets/sass/app.sass                |  4 +--
 5 files changed, 90 insertions(+), 78 deletions(-)
 create mode 100644 assets/sass/_table_list.sass
 create mode 100644 assets/sass/_task_avatars.sass
 delete mode 100644 assets/sass/_task_board_avatar.sass
 delete mode 100644 assets/sass/_task_list.sass

(limited to 'assets/sass')

diff --git a/assets/sass/_table_list.sass b/assets/sass/_table_list.sass
new file mode 100644
index 00000000..f9d3b5e3
--- /dev/null
+++ b/assets/sass/_table_list.sass
@@ -0,0 +1,64 @@
+@import variables
+
+.table-list
+  font-size: size('compact')
+  margin-bottom: 20px
+
+.table-list-header
+  background: bg-color('primary')
+  border: 1px solid #e5e5e5
+  border-radius: 5px 5px 0 0
+  line-height: 35px
+  padding-left: 3px
+  padding-right: 3px
+  .table-list-header-count
+    color: #767676
+    display: inline-block
+    float: left
+  .table-list-header-menu
+    text-align: right
+
+.table-list-row
+  padding-left: 3px
+  padding-right: 3px
+  border-bottom: 1px solid #e5e5e5
+  border-right: 1px solid #e5e5e5
+
+  &.table-border-left
+    border-left: 1px solid #e5e5e5
+
+  &:nth-child(odd)
+    background: bg-color('lighter')
+
+  &:last-child
+    border-radius: 0 0 5px 5px
+
+  &:hover
+    background: map-get($highlight-colors, 'background')
+    border-bottom: 1px solid map-get($highlight-colors, 'border')
+    border-right: 1px solid map-get($highlight-colors, 'border')
+
+  .table-list-title
+    font-weight: 500
+    &.status-closed
+      text-decoration: line-through
+      margin-right: 10px
+      a
+        font-style: italic
+    a
+      color: color('primary')
+      text-decoration: none
+      &:hover, &:focus
+        text-decoration: underline
+
+  .table-list-details
+    color: color('light')
+    font-weight: 300
+    line-height: 30px
+    li
+      display: inline
+      list-style-type: none
+      &:after
+        content: ', '
+      &:last-child:after
+        content: ''
\ No newline at end of file
diff --git a/assets/sass/_task_avatars.sass b/assets/sass/_task_avatars.sass
new file mode 100644
index 00000000..63315373
--- /dev/null
+++ b/assets/sass/_task_avatars.sass
@@ -0,0 +1,24 @@
+@import variables
+
+.task-board-avatars
+  text-align: right
+  float: right
+
+.task-board-change-assignee
+  &:hover
+    opacity: 0.6
+  cursor: pointer
+
+.task-list-avatars
+  display: inline-block
+  float: left
+  @include sm-device
+    float: none
+    display: block
+  .task-avatar-assignee
+    font-weight: 300
+    color: color('light')
+  &:hover
+    .task-avatar-assignee
+      font-weight:   400
+      color: color('dark')
diff --git a/assets/sass/_task_board_avatar.sass b/assets/sass/_task_board_avatar.sass
deleted file mode 100644
index 2a5563b3..00000000
--- a/assets/sass/_task_board_avatar.sass
+++ /dev/null
@@ -1,10 +0,0 @@
-@import variables
-
-.task-board-avatars
-  text-align: right
-  float: right
-
-.task-board-change-assignee
-  &:hover
-    opacity: 0.6
-  cursor: pointer
diff --git a/assets/sass/_task_list.sass b/assets/sass/_task_list.sass
deleted file mode 100644
index 2504d5da..00000000
--- a/assets/sass/_task_list.sass
+++ /dev/null
@@ -1,66 +0,0 @@
-@import variables
-
-.task-list
-  font-size: size('compact')
-
-.task-list-header
-  background: bg-color('primary')
-  border: 1px solid #e5e5e5
-  border-radius: 5px 5px 0 0
-  line-height: 35px
-  padding-left: 3px
-  padding-right: 3px
-  .task-list-header-count
-    color: #767676
-    display: inline-block
-    float: left
-  .task-list-header-menu
-    text-align: right
-
-.task-list-row
-  padding-left: 3px
-  padding-right: 3px
-  border-bottom: 1px solid #e5e5e5
-  border-right: 1px solid #e5e5e5
-
-  &:nth-child(odd)
-    background: bg-color('lighter')
-
-  &:last-child
-    border-radius: 0 0 5px 5px
-
-  &:hover
-    background: map-get($highlight-colors, 'background')
-    border-bottom: 1px solid map-get($highlight-colors, 'border')
-    border-right: 1px solid map-get($highlight-colors, 'border')
-
-  .task-list-title
-    font-weight: 500
-    &.task-closed
-      text-decoration: line-through
-      a
-        font-style: italic
-    a
-      color: color('primary')
-      text-decoration: none
-      &:hover, &:focus
-        text-decoration: underline
-
-  .task-list-details
-    color: color('light')
-    font-weight: 300
-    line-height: 30px
-
-  .task-list-avatars
-    display: inline-block
-    float: left
-    @include sm-device
-      float: none
-      display: block
-    .task-avatar-assignee
-      font-weight: 300
-      color: color('light')
-    &:hover
-      .task-avatar-assignee
-        font-weight:   400
-        color: color('dark')
diff --git a/assets/sass/app.sass b/assets/sass/app.sass
index 52e6cac7..cb554430 100644
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@@ -4,6 +4,7 @@
 @import title
 @import table
 @import table_drag_and_drop
+@import table_list
 @import form
 @import input_addon
 @import icon
@@ -33,12 +34,11 @@
 @import board
 @import task_board
 @import task_board_saving_state
-@import task_board_avatar
+@import task_avatars
 @import task_icons
 @import task_icon_age
 @import task_category
 @import task_date
-@import task_list
 @import task_tags
 @import task_summary
 @import task_form
-- 
cgit v1.2.3