From 3b3e8033696e408e699b911c042361d62ce7b7ac Mon Sep 17 00:00:00 2001 From: Frederic Guillot Date: Sun, 19 Feb 2017 17:08:00 -0500 Subject: Redesign task list view --- assets/sass/_task_list.sass | 61 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 assets/sass/_task_list.sass (limited to 'assets/sass/_task_list.sass') diff --git a/assets/sass/_task_list.sass b/assets/sass/_task_list.sass new file mode 100644 index 00000000..258dfb0d --- /dev/null +++ b/assets/sass/_task_list.sass @@ -0,0 +1,61 @@ +@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 + 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') -- cgit v1.2.3