更改样式:cache-item样式增加下边框

This commit is contained in:
Argo-MacBookPro 2018-08-10 10:24:00 +08:00
parent 5f49357f55
commit b3769670cd
2 changed files with 17 additions and 15 deletions

View File

@ -3,11 +3,11 @@
display: inline; display: inline;
} }
.cache-item :nth-child(2) { .cache-item > :nth-child(2) {
flex: 0 0 auto; flex: 0 0 auto;
} }
.cache-item :nth-child(3) { .cache-item > :nth-child(3) {
display: block; display: block;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

View File

@ -258,10 +258,6 @@ label.dropdown-item:first-child {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.btn-xs {
padding: 1px 5px;
}
.cache-title { .cache-title {
font-weight: bold; font-weight: bold;
color: #0077de; color: #0077de;
@ -273,23 +269,25 @@ label.dropdown-item:first-child {
.cache-item { .cache-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 4px 4px 10px 4px; padding: 6px 4px 10px 4px;
margin-bottom: 4px;
border-bottom: 1px solid #EBEBEB;
} }
.cache-item:last-child { .cache-item:last-child {
margin-bottom: 5px; border-bottom: none;
} }
.cache-item :not(:first-child) { .cache-item > :not(:first-child) {
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;
} }
.cache-item :nth-child(2) { .cache-item > :nth-child(2) {
flex: 1 1 auto; flex: 1 1 auto;
} }
.cache-item :nth-child(2) span:not(.badge) { .cache-item > :nth-child(2) span:not(.badge) {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -297,20 +295,24 @@ label.dropdown-item:first-child {
width: 152px; width: 152px;
} }
.cache-item :nth-child(3) { .cache-item > :nth-child(3) {
flex: 1 1 auto; flex: 1 1 auto;
display: none; display: none;
} }
.cache-item + .cache-title {
margin-top: 12px;
}
.cache-item .badge { .cache-item .badge {
display: inline-block;
position: relative; position: relative;
top: -12px; top: -8px;
margin-left: 4px; margin-left: 0;
line-height: normal; line-height: normal;
} }
.cache-item .btn { .cache-item .btn {
margin-left: 5px; margin-left: 5px;
font-size: 0.75rem; font-size: 0.75rem;
padding: 1px 5px;
} }