You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

202 lines
6.6 KiB

.am-menu {
background-color: #f5f5f9;
}
.am-menu .am-menu-select-container {
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.am-menu .am-menu-select-container .am-menu-select-container-submenu {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.am-menu .am-multi-select-btns {
height: 47px;
width: 100%;
}
.am-menu .am-multi-select-btns .am-multi-select-btns-btn {
width: 50%;
height: 100%;
border: 1PX solid #ddd;
border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn {
position: relative;
border: none;
}
html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 200%;
border: 1PX solid #ddd;
border-radius: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none;
}
}
.am-menu .am-flexbox .am-flexbox-item {
margin-left: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.am-menu .am-flexbox .am-flexbox-item .am-list {
padding: 0;
}
.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-content {
font-size: 16px;
}
.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox .am-checkbox-inner {
top: 12px;
right: 15px;
}
.am-menu .am-flexbox .am-flexbox-item:first-child {
background-color: #f7f7f7;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body {
background-color: #f7f7f7;
border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after {
display: none !important;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item {
background-color: #f7f7f7;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line {
border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line:after {
display: none !important;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line .am-list-content {
color: #000;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child {
border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child:after {
display: none !important;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item.am-menu-selected {
background-color: #fff;
}
.am-menu .am-flexbox .am-flexbox-item:last-child {
background-color: #fff;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item {
background-color: #fff;
border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after {
display: none !important;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item .am-list-line .am-list-extra {
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-selected .am-list-line .am-list-content {
color: #108ee9;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-disabled .am-list-line .am-list-content {
color: #bbb;
}
.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line {
border-bottom: 1PX solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line {
border-bottom: none;
}
html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after {
content: '';
position: absolute;
background-color: #ddd;
display: block;
z-index: 1;
top: auto;
right: auto;
bottom: 0;
left: 0;
width: 100%;
height: 1PX;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after {
-webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child {
border-bottom: 1PX solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child {
border-bottom: none;
}
html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after {
content: '';
position: absolute;
background-color: #ddd;
display: block;
z-index: 1;
top: auto;
right: auto;
bottom: 0;
left: 0;
width: 100%;
height: 1PX;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after {
-webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line {
border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line:after {
display: none !important;
}