@ohu-mobile/core
Version:
65 lines • 1.34 kB
CSS
.ohu-tree-select {
width: 100%;
display: flex;
flex-flow: row nowrap;
}
.ohu-tree-select__left {
flex-shrink: 0;
flex-grow: 0;
height: 100%;
background: #f5f5f5;
color: #333;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.ohu-tree-select__left__item {
font-size: 32px;
line-height: 1.375em;
padding: 26px 32px 30px 32px;
color: #333;
transition: all 0.2s ease-out;
}
.ohu-tree-select__left__item.is-active {
color: #333;
background: #FFF;
}
.ohu-tree-select__right {
flex-grow: 1;
flex-shrink: 1;
height: 100%;
background: #FFF;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.ohu-tree-select__right__loading {
width: 100%;
height: 70%;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
.ohu-tree-select__right .ohu-collapse-item__content__inner {
padding: 0;
color: #999;
}
.ohu-tree-select__right .ohu-collapse-item__content__inner .ohu-list-item__main {
color: #999;
}
.ohu-tree-select__right .ohu-list-item-action {
position: absolute;
width: 100%;
height: 100%;
padding: 0;
left: 0;
top: 0;
}
.ohu-tree-select__right .ohu-list-item-action label {
box-sizing: border-box;
padding-right: 30px;
width: 100%;
height: 100%;
justify-content: flex-end;
}