AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Redesign task list view

Browse Source
This commit is contained in:
Frederic Guillot
2017-02-19 17:08:00 -05:00
parent dc7c7667ec
commit 3b3e803369
22 changed files with 379 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

15
assets/sass/_task_board_category.sass
View File

@@ -1,15 +0,0 @@
@import variables
.task-board-category-container
text-align: right
margin-top: 8px
margin-bottom: 8px
.task-board-category
font-weight: 500
color: color('dark')
border: 1px solid #555
padding: 1px 2px 1px 2px
border-radius: 4px
&:hover
opacity: 0.6

22
assets/sass/_task_board_icons.sass
View File

@@ -1,22 +0,0 @@
@import variables
.task-board-icons
font-size: size('small')
margin-top: 7px
text-align: right
a
opacity: 0.5
span
opacity: 0.5
margin-left: 4px
a
&:hover
opacity: 1.0
font-weight: bold
.task-board-icons-row
line-height: 22px
.task-score
font-weight: bold
.flag-milestone
color: green

28
assets/sass/_task_category.sass Normal file
View File

@@ -0,0 +1,28 @@
@import variables
.task-board-category-container
text-align: right
margin-top: 8px
margin-bottom: 8px
.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

8
assets/sass/_task_board_date.sass → assets/sass/_task_date.sass
View File

@@ -1,13 +1,13 @@
@import variables
.task-board-date
font-weight: bold
.task-date
font-weight: 500
color: color('dark')
span
&.task-board-date-today
&.task-date-today
opacity: 1.0
color: link-color('primary')
&.task-board-date-overdue
&.task-date-overdue
opacity: 1.0
color: color('error')

14
assets/sass/_task_board_age.sass → assets/sass/_task_icon_age.sass
View File

@@ -1,18 +1,22 @@
@import variables
.task-board-age
.task-icon-age
display: inline-block
span
&.task-board-age-total
border: #666 1px solid
&.task-icon-age-total
border: 1px solid #e5e5e5
padding: 1px 3px 1px 3px
border-top-left-radius: 3px
border-bottom-left-radius: 3px
&.task-board-age-column
border: #666 1px solid
&.task-icon-age-column
border: 1px solid #e5e5e5
border-left: none
margin-left: -5px
padding: 1px 3px 1px 3px
border-top-right-radius: 3px
border-bottom-right-radius: 3px
.task-board
span.task-icon-age-total, span.task-icon-age-column
border-color: #666

43
assets/sass/_task_icons.sass Normal file
View File

@@ -0,0 +1,43 @@
@import variables
.task-board-icons, .task-list-icons
font-size: size('small')
text-align: right
a
text-decoration: none
&:hover
color: link-color('hover')
i
color: link-color('hover')
.task-score
font-weight: bold
.flag-milestone
color: green
.task-board-icons
margin-top: 7px
a
opacity: 0.5
span
opacity: 0.5
margin-left: 4px
a
&:hover
opacity: 1.0
font-weight: bold
.task-board-icons-row
line-height: 22px
.task-list-icons
line-height: 22px
a, span, i
color: color('light')
opacity: 1.0
span
margin-left: 5px
@include sm-device
text-align: left

61
assets/sass/_task_list.sass Normal file
View File

@@ -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')

9
assets/sass/app.sass
View File

@@ -33,11 +33,12 @@
@import board
@import task_board
@import task_board_saving_state
@import task_board_category
@import task_board_avatar
@import task_board_icons
@import task_board_age
@import task_board_date
@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