summaryrefslogtreecommitdiff
path: root/assets/sass
diff options
context:
space:
mode:
authorFrederic Guillot <fred@kanboard.net>2017-02-26 12:17:39 -0500
committerFrederic Guillot <fred@kanboard.net>2017-02-26 12:17:39 -0500
commit159c31cd3f23f45c1cf51c71f1049714ea603eb3 (patch)
tree7f54c6bea694dba49d68a4faf4481ed95edf4563 /assets/sass
parent954b7324f08e633087a1f6809a80c5892e39bcb0 (diff)
Redesign users list layout
Diffstat (limited to 'assets/sass')
-rw-r--r--assets/sass/_table_list.sass45
-rw-r--r--assets/sass/_task_category.sass17
2 files changed, 47 insertions, 15 deletions
diff --git a/assets/sass/_table_list.sass b/assets/sass/_table_list.sass
index f9d3b5e3..6f5625a4 100644
--- a/assets/sass/_table_list.sass
+++ b/assets/sass/_table_list.sass
@@ -40,6 +40,7 @@
.table-list-title
font-weight: 500
+ line-height: 23px
&.status-closed
text-decoration: line-through
margin-right: 10px
@@ -55,10 +56,52 @@
color: color('light')
font-weight: 300
line-height: 30px
+ span
+ margin-left: 5px
+ &:first-child
+ margin-left: 0
li
display: inline
list-style-type: none
&:after
content: ', '
&:last-child:after
- content: '' \ No newline at end of file
+ content: ''
+
+ .table-list-details-with-icons
+ float: left
+ @include sm-device
+ float: none
+
+ .table-list-icons
+ font-size: size('small')
+ text-align: right
+ line-height: 30px
+
+ @include sm-device
+ text-align: left
+ line-height: 20px
+
+ span
+ margin-left: 5px
+
+ a
+ text-decoration: none
+ &:hover
+ color: link-color('hover')
+ i
+ color: link-color('hover')
+
+.table-list-category
+ font-size: size('compact')
+ font-weight: 500
+ color: color('dark')
+ padding: 1px 3px 1px 2px
+ border-radius: 3px
+ background: bg-color('light')
+ border: 1px solid #ccc
+ a
+ text-decoration: none
+ color: color('dark')
+ &:hover
+ color: link-color('primary')
diff --git a/assets/sass/_task_category.sass b/assets/sass/_task_category.sass
index b60aeffa..0696f55e 100644
--- a/assets/sass/_task_category.sass
+++ b/assets/sass/_task_category.sass
@@ -7,22 +7,11 @@
.task-board-category
border: 1px solid #555
- a
- &:hover
- text-decoration: underline
-
-.task-list-category
- background: bg-color('light')
- border: 1px solid #ccc
- a
- text-decoration: none
- color: color('dark')
- &:hover
- color: link-color('primary')
-
-.task-board-category, .task-list-category
font-size: size('compact')
font-weight: 500
color: color('dark')
padding: 1px 3px 1px 2px
border-radius: 3px
+ a
+ &:hover
+ text-decoration: underline