webworld888/assets/core/common/css/draft.css
2021-10-26 19:14:12 +09:00

133 lines
2.1 KiB
CSS
Vendored

@charset "utf-8";
.draft_save_list {
width: 100%;
max-height: 350px;
overflow-y: scroll;
border: 0 solid #ddd;
background-color: #fff;
}
.draft_save_list > ul {
overflow-y: auto;
margin: 0;
padding: 0;
height: 100%;
position: relative;
list-style: none;
}
.draft_save_list li {
position: relative;
padding: 9px 264px 9px 0;
border-top: 1px solid #f4f4f4;
}
.draft_save_list li:first-child {
padding-top: 0;
border-top: 0;
}
.draft_save_list li:first-child .draft_info {
padding-top: 0;
}
.draft_save_list .draft_info {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
padding: 9px 0;
}
.draft_save_list .draft_title {
overflow: hidden;
display: inline-block;
max-width: 100%;
color: #696a7a;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
}
.draft_info .draft_state {
float: left;
position: relative;
top: 1px;
height: 16px;
margin-right: 20px;
padding: 0 8px;
border: 1px solid #399cf7;
border-radius: 10px;
background-color: #399cf7;
font-size: 10px;
line-height: 16px;
color: #fff;
vertical-align: top;
}
.draft_info .draft_state.v2 {
border-color: #399cf7;
background-color: #fff;
color: #399cf7;
}
.draft_info .draft_date {
float: left;
margin-right: 20px;
font-size: 13px;
color: #bebebe;
}
.draft_info .draft_date > span {
margin-right: 6px;
}
.draft_info .btn_draft_delete {
display: inline-block;
margin-right: 20px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #399cf7;
line-height: 14px;
font-size: 6px;
color: #fff;
text-align: center;
}
.draft_info .btn_draft_delete > i {
line-height: 14px;
}
@media (max-width: 767px) {
.draft_save_list {
top: 50px;
height: 290px;
padding: 0 0 0 12px;
}
.draft_save_list > ul {
padding: 19px 12px 0 0;
}
.draft_save_list li {
padding: 7px 0 0;
}
.draft_save_list li:first-child .draft_info {
padding: 0;
}
.draft_save_list .draft_info {
position: relative;
margin: 4px 0 9px;
padding: 0;
}
.draft_info .btn_draft_delete {
position: absolute;
right: 0;
}
}