Skip to content

Commit c6131ed

Browse files
MDobariyaMDobariya
committed
job ticket
1 parent 6a2d390 commit c6131ed

File tree

2 files changed

+814
-13
lines changed

2 files changed

+814
-13
lines changed

‎src/assets/scss/_custom.scss

Lines changed: 165 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,165 @@
1-
// Here you can add other styles
1+
// checklist CSS
2+
.todo-list {
3+
margin: 0;
4+
padding: 0;
5+
list-style: none;
6+
overflow: auto;
7+
}
8+
.todo-list>li {
9+
border-radius: 2px;
10+
padding: 10px;
11+
background: #f4f4f4;
12+
margin-bottom: 2px;
13+
border-left: 2px solid #e6e7e8;
14+
color: #444;
15+
}
16+
.todo-list>li .label {
17+
margin-left: 10px;
18+
font-size: 9px;
19+
}
20+
.todo-list>li input[type="checkbox"] {
21+
margin: 0 10px;
22+
}
23+
.todo-list>li .tools {
24+
display: none;
25+
float: right;
26+
color: #dd4b39;
27+
}
28+
.todo-list>li:hover .tools{
29+
display: block;
30+
}
31+
.no-border {
32+
border: 0 !important;
33+
}
34+
.box-footer {
35+
border-top-left-radius: 0;
36+
border-top-right-radius: 0;
37+
border-bottom-right-radius: 3px;
38+
border-bottom-left-radius: 3px;
39+
border-top: 1px solid #f4f4f4;
40+
padding: 10px;
41+
background-color: #fff;
42+
}
43+
.btn-default {
44+
background-color: #f4f4f4;
45+
color: #444;
46+
border-color: #ddd;
47+
}
48+
.btn {
49+
border-radius: 3px;
50+
-webkit-box-shadow: none;
51+
box-shadow: none;
52+
border: 1px solid transparent;
53+
}
54+
55+
56+
// timeline css
57+
.message-item {
58+
margin-bottom: 25px;
59+
margin-left: 40px;
60+
position: relative;
61+
}
62+
.message-item .message-inner {
63+
background: #fff;
64+
border: 1px solid #ddd;
65+
border-radius: 3px;
66+
padding: 10px;
67+
position: relative;
68+
}
69+
.message-item .message-inner:before {
70+
border-right: 10px solid #ddd;
71+
border-style: solid;
72+
border-width: 10px;
73+
color: rgba(0,0,0,0);
74+
content: "";
75+
display: block;
76+
height: 0;
77+
position: absolute;
78+
left: -20px;
79+
top: 6px;
80+
width: 0;
81+
}
82+
.message-item .message-inner:after {
83+
border-right: 10px solid #fff;
84+
border-style: solid;
85+
border-width: 10px;
86+
color: rgba(0,0,0,0);
87+
content: "";
88+
display: block;
89+
height: 0;
90+
position: absolute;
91+
left: -18px;
92+
top: 6px;
93+
width: 0;
94+
}
95+
.message-item:before {
96+
background: #fff;
97+
border-radius: 2px;
98+
bottom: -30px;
99+
box-shadow: 0 0 3px rgba(0,0,0,0.2);
100+
content: "";
101+
height: 100%;
102+
left: -30px;
103+
position: absolute;
104+
width: 3px;
105+
}
106+
.message-item:after {
107+
background: #fff;
108+
border: 2px solid #ccc;
109+
border-radius: 50%;
110+
box-shadow: 0 0 5px rgba(0,0,0,0.1);
111+
content: "";
112+
height: 15px;
113+
left: -36px;
114+
position: absolute;
115+
top: 10px;
116+
width: 15px;
117+
}
118+
.clearfix:before, .clearfix:after {
119+
content: " ";
120+
display: table;
121+
}
122+
.message-item .message-head {
123+
border-bottom: 1px solid #eee;
124+
margin-bottom: 8px;
125+
padding-bottom: 8px;
126+
}
127+
.message-item .message-head .avatar {
128+
margin-right: 20px;
129+
}
130+
.message-item .message-head .user-detail {
131+
overflow: hidden;
132+
}
133+
.message-item .message-head .user-detail h5 {
134+
font-size: 16px;
135+
font-weight: bold;
136+
margin: 0;
137+
}
138+
.message-item .message-head .post-meta {
139+
float: left;
140+
padding: 0 15px 0 0;
141+
}
142+
.message-item .message-head .post-meta >div {
143+
color: #333;
144+
font-weight: bold;
145+
text-align: right;
146+
}
147+
.post-meta > div {
148+
color: #777;
149+
font-size: 12px;
150+
line-height: 22px;
151+
}
152+
.message-item .message-head .post-meta >div {
153+
color: #333;
154+
font-weight: bold;
155+
text-align: right;
156+
}
157+
.post-meta > div {
158+
color: #777;
159+
font-size: 12px;
160+
line-height: 22px;
161+
}
162+
.message-inner img {
163+
min-height: 40px;
164+
max-height: 40px;
165+
}

0 commit comments

Comments
 (0)