src/ztfy/myams/resources/less/widgets.less
changeset 156 61176c64158d
parent 130 e3cb023c73b6
child 161 665e38dc7b52
equal deleted inserted replaced
155:e0fb6fd568eb 156:61176c64158d
    20 	border-left: 1px solid rgba(0, 0, 0, .09);
    20 	border-left: 1px solid rgba(0, 0, 0, .09);
    21 	cursor: pointer;
    21 	cursor: pointer;
    22 	padding: 0 8px;
    22 	padding: 0 8px;
    23 	text-align: center;
    23 	text-align: center;
    24 
    24 
       
    25 	&:empty {
       
    26 		padding: 0;
       
    27 	}
    25 	&.no-border {
    28 	&.no-border {
    26 		border-left: 0;
    29 		border-left: 0;
    27 	}
    30 	}
    28 	>:first-child {
    31 	>:first-child {
    29 		text-align: left;
    32 		text-align: left;
  1123 		li {
  1126 		li {
  1124 			list-style: none;
  1127 			list-style: none;
  1125 			display: list-item;
  1128 			display: list-item;
  1126 			background-image: none;
  1129 			background-image: none;
  1127 
  1130 
  1128 			&.select2-result-with-children>.select2-result-label {
  1131 			&.select2-result-with-children >.select2-result-label {
  1129 				font-weight: 700;
  1132 				font-weight: 700;
  1130 			}
  1133 			}
  1131 		}
  1134 		}
  1132 		.select2-result-label {
  1135 		.select2-result-label {
  1133 			padding: 3px 7px 4px;
  1136 			padding: 3px 7px 4px;
  1206 		color: #999!important;
  1209 		color: #999!important;
  1207 	}
  1210 	}
  1208 	&-container {
  1211 	&-container {
  1209 		&.select2-container-disabled {
  1212 		&.select2-container-disabled {
  1210 			.select2-choice {
  1213 			.select2-choice {
  1211 				background-color: #f4f4f4;
       
  1212 				background-image: none;
  1214 				background-image: none;
  1213 				border: 1px solid #ddd;
  1215 				border: 1px solid transparent;
       
  1216 				border-bottom: 1px solid #ccc;
  1214 				cursor: default;
  1217 				cursor: default;
  1215 
  1218 
  1216 				.select2-arrow {
  1219 				.select2-arrow {
  1217 					background-color: #f4f4f4;
  1220 					display: none;
  1218 					background-image: none;
       
  1219 					border-left: 0;
       
  1220 				}
  1221 				}
  1221 				abbr {
  1222 				abbr {
  1222 					display: none;
  1223 					display: none;
  1223 				}
  1224 				}
  1224 			}
  1225 			}
  1277 						}
  1278 						}
  1278 					}
  1279 					}
  1279 				}
  1280 				}
  1280 				.select2-search-choice {
  1281 				.select2-search-choice {
  1281 					padding: 1px 28px 1px 8px;
  1282 					padding: 1px 28px 1px 8px;
  1282 					margin: 2px 0 2px 2px;
  1283 					margin: 2px;
  1283 					position: relative;
  1284 					position: relative;
  1284 					line-height: 18px;
  1285 					line-height: 18px;
  1285 					color: #fff;
  1286 					color: #fff;
  1286 					cursor: default;
  1287 					cursor: default;
  1287 					border: 1px solid #2a6395;
  1288 					border: 1px solid #2a6395;
  1312 			}
  1313 			}
  1313 			&.ordered {
  1314 			&.ordered {
  1314 				.select2-choices {
  1315 				.select2-choices {
  1315 					li {
  1316 					li {
  1316 						float: none;
  1317 						float: none;
  1317 						cursor: move;
  1318 
       
  1319 						&.select2-search-choice {
       
  1320 							cursor: move;
       
  1321 						}
  1318 
  1322 
  1319 						&.ui-state-highlight {
  1323 						&.ui-state-highlight {
  1320 							margin: 2px 0 2px 2px;
  1324 							margin: 2px 0 2px 2px;
  1321 							height: 20px;
  1325 							height: 20px;
  1322 							background-color: #ddd;
  1326 							background-color: #ddd;
  1334 				&:hover {
  1338 				&:hover {
  1335 					background: rgba(0, 0, 0, .3);
  1339 					background: rgba(0, 0, 0, .3);
  1336 				}
  1340 				}
  1337 			}
  1341 			}
  1338 			&.select2-container-disabled .select2-choices {
  1342 			&.select2-container-disabled .select2-choices {
  1339 				background-color: #f4f4f4;
  1343 				//background-color: #f4f4f4;
  1340 				background-image: none;
  1344 				background-image: none;
  1341 				border: 1px solid transparent;
  1345 				border: 1px solid transparent;
  1342 				border-bottom: 1px solid #ccc;
  1346 				border-bottom: 1px solid #ccc;
  1343 				cursor: default;
  1347 				cursor: default;
  1344 
  1348 
       
  1349 				&:hover {
       
  1350 					border-color: transparent!important;
       
  1351 					border-bottom: 1px solid #ccc!important;
       
  1352 				}
  1345 				.select2-search-choice {
  1353 				.select2-search-choice {
  1346 					padding: 1px 5px;
  1354 					padding: 1px 5px;
  1347 					border: 1px solid #4a90cc;
  1355 					border: 1px solid #4a90cc;
  1348 					background-image: none;
  1356 					background-image: none;
  1349 					background-color: #86b4dd;
  1357 					background-color: #86b4dd;
  1422 		overflow: hidden;
  1430 		overflow: hidden;
  1423 		padding: 0;
  1431 		padding: 0;
  1424 	}
  1432 	}
  1425 }
  1433 }
  1426 label.with-icon {
  1434 label.with-icon {
  1427 	>i.icon-append + .select2-parent {
  1435 	>i.icon-append +.select2-parent {
  1428 		.select2-choices {
  1436 		>.select2-choices {
  1429 			padding-right: 29px;
  1437 			padding-right: 29px;
  1430 		}
  1438 		}
  1431 	}
  1439 	}
  1432 }
  1440 }
  1433 
  1441