blob: 019a82962833544173959d828e88bc824cdcf9f9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
@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
a
color: color('primary')
font-weight: 500
text-decoration: none
margin-right: 10px
&:hover, &:focus
color: #767676
.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
line-height: 23px
&.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
span
margin-left: 5px
&:first-child
margin-left: 0
li
display: inline
list-style-type: none
&:after
content: ', '
&:last-child:after
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 2px 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')
|
