Newer
Older
page-history {
.toolbar-ios ion-title {
padding: 0;
width: 80%;
}
.history::before {
content: "";
position: absolute;
left: 15px;
top: 5px;
width: 2px;
height: 90%;
background-color: #dddddd;
z-index: 1;
border-radius: 5px;
}
.history-item {
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
position: relative;
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
> div {
margin-bottom: 5px;
}
}
.audit-more {
position: relative;
}
.history-item::before {
content: "";
position: absolute;
left: -20px;
top: 5px;
z-index: 2;
width: 5px;
height: 5px;
border-radius: 50%;
border: 2px solid #5991CA;
background-color: #fff;
}
.audit-more::before {
content: "";
position: absolute;
left: -18px;
top: -4px;
z-index: 2;
border-top: 4px solid transparent;
border-right: 8px solid #dddddd;
border-bottom: 4px solid transparent;
}
.audit-more::after {
content: "";
position: absolute;
left: -16px;
top: -4px;
z-index: 2;
border-top: 4px solid transparent;
border-right: 8px solid #ffffff;
border-bottom: 4px solid transparent;
}
.history-item + .history-item {
margin-top: 10px;
}
.left, .option-left {
color: #999999;
}
.right {
color: #4b90c8;
}
.audit-option {
display: flex;
.option-left {
width: 65px;
}
.option-right {
width: calc(100% - 60px);
}
}