yapi/client/containers/Group/GroupList/GroupList.scss
2017-09-20 12:18:46 +08:00

90 lines
1.8 KiB
SCSS
Executable File

@import '../../../styles/mixin.scss';
.group-bar {
min-height: 5rem;
.curr-group {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
SimSun, sans-serif;
.curr-group-name {
padding: .08rem;
font-size: .14rem;
.text {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 140px;
font-weight: 200;
vertical-align: bottom;
}
}
.curr-group-desc {
color: #fff;
font-size: 13px;
max-height: 54px;
margin-top: .16rem;
color: #ccc;
text-overflow:ellipsis;
overflow:hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.delete-group, .edit-group {
font-size: 18px;
margin-left: 13px;
cursor: pointer;
}
.delete-group:hover, .edit-group:hover {
color: #ccc;
}
}
.group-operate {
height: 48px;
padding: 10px 6px;
display: flex;
justify-content: space-around;
.search {
margin-right: 6px;
flex-grow: 1;
}
}
.group-list {
overflow-x: hidden;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 24px;
border: none;
.group-item {
// height: 48px;
// line-height: 48px;
// padding: 0 24px;
font-size: 14px;
}
.group-item:hover {
// background: #34495E;
// color: #fff;
}
.group-item.selected {
// background: #34495E;
}
.group-name {
float: left;
}
.group-edit {
float: right;
font-size: 18px;
}
}
}
.add-group-modal {
.modal-input {
margin: 24px;
}
.label {
text-align: right;
line-height: 28px;
}
}