소스 검색

select2样式优化

jqh 5 년 전
부모
커밋
f6e2b758a0

+ 10 - 1
resources/assets/dcat/sass/components/_form.scss

@@ -118,10 +118,15 @@ select.form-control:not([multiple=multiple]) {
 
 
 // --------------------- select2 ---------------------
 // --------------------- select2 ---------------------
 .select2-container--default .select2-selection--single,
 .select2-container--default .select2-selection--single,
-.select2-container--default .select2-selection--multiple {
+.select2-container--default .select2-selection--multiple,
+.select2-container--default .select2-search--dropdown .select2-search__field {
   border-color: $input-border-color!important;
   border-color: $input-border-color!important;
 }
 }
 
 
+.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border-color: $primary!important;
+}
+
 .select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
 .select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
   margin-top: 8px;
   margin-top: 8px;
 }
 }
@@ -180,6 +185,10 @@ select.form-control:not([multiple=multiple]) {
   padding: .5rem .7rem 0;
   padding: .5rem .7rem 0;
 }
 }
 
 
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  line-height: 32px!important;
+}
+
 .input-group-sm {
 .input-group-sm {
   .select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
   .select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
     min-height: 31px;
     min-height: 31px;

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue-light.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
resources/dist/dcat/css/dcat-app-green.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
resources/dist/dcat/css/dcat-app.css


이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.