Kaynağa Gözat

暗黑模式细节优化

jqh 4 yıl önce
ebeveyn
işleme
5d87f2ce54

+ 19 - 4
resources/assets/dcat/sass/components/_form.scss

@@ -75,9 +75,12 @@ select.form-control:not([multiple=multiple]) {
   margin-bottom: 4px;
 }
 
-.form-control:disabled, .form-control[readonly] {
-  background-color: #F7F7F9;
-  cursor: not-allowed;
+.form-control:disabled,
+.form-control[readonly],
+.select2-container--default.select2-container--disabled .select2-selection--single,
+.select2-container--default.select2-container--disabled .select2-selection--multiple {
+  background-color: #F7F7F9!important;
+  cursor: not-allowed!important;
 }
 
 .has-error .checkbox,
@@ -203,7 +206,7 @@ select.form-control:not([multiple=multiple]) {
 }
 
 .select2-container--default .select2-selection--single .select2-selection__rendered {
-  line-height: 31px!important;
+  line-height: 30px!important;
 }
 
 .input-group-sm {
@@ -272,4 +275,16 @@ select.form-control:not([multiple=multiple]) {
 .has-icon-left .form-control {
   padding-right: 2rem;
   padding-left: 3rem;
+}
+
+// divider
+.form-divider {
+  height: 20px;
+  border-bottom: 1px solid #eee;
+
+  span {
+    font-size: 16px;
+    background-color: #ffffff;
+    padding: 0 10px;
+  }
 }

+ 22 - 6
resources/assets/dcat/sass/theme/_dark.scss

@@ -517,19 +517,19 @@ body.dark-mode {
   }
 
   input::-webkit-input-placeholder{
-    color: darken($body-dark-font-color, 1.2%)!important;
+    color: darken($body-dark-font-color, 5%)!important;
   }
-  input:-moz-placeholder{
-    color: darken($body-dark-font-color, 1.2%)!important;
+  input::-moz-placeholder{
+    color: darken($body-dark-font-color, 5%)!important;
   }
   input::-moz-placeholder{
-    color: darken($body-dark-font-color, 1.2%)!important;
+    color: darken($body-dark-font-color, 5%)!important;
   }
   input:-ms-input-placeholder {
-    color: darken($body-dark-font-color, 1.2%)!important;
+    color: darken($body-dark-font-color, 5%)!important;
   }
   .help-block {
-    color: darken($body-dark-font-color, 1.2%)!important;
+    color: darken($body-dark-font-color, 1.3%)!important;
   }
   .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox label, .has-error .control-label, .has-error .form-control-position i, .has-error .form-control:focus~.form-control-position i, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio label
   {
@@ -579,6 +579,22 @@ body.dark-mode {
     color: $body-dark-font-color;
   }
 
+  // form divider
+  .form-divider {
+    border-color: $body-dark-border-color;
+
+    span {
+      background-color: $body-dark-card-bg;
+    }
+  }
+
+  .form-control:disabled,
+  .form-control[readonly],
+  .select2-container--default.select2-container--disabled .select2-selection--single,
+  .select2-container--default.select2-container--disabled .select2-selection--multiple {
+    background-color: darken($body-dark-bg, 2%)!important;
+  }
+
   // ------ layer
   // 滚动条
   @include dark-scrollbar('.layui-layer-page .layui-layer-content');

Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/adminlte/adminlte-blue-light.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/adminlte/adminlte-blue.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/adminlte/adminlte-green.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/adminlte/adminlte.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/adminlte/adminlte.js.map


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue-light.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/css/dcat-app-green.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/css/dcat-app.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/extra/action.js.map


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/extra/select-table.js.map


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/extra/upload.js


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/extra/upload.js.map


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
resources/dist/dcat/js/dcat-app.js.map


+ 2 - 4
src/Form/Field/Divide.php

@@ -18,10 +18,8 @@ class Divide extends Field
         }
 
         return <<<HTML
-<div class="mt-2 text-center" style="height: 20px; border-bottom: 1px solid #eee; margin-bottom: 25px">
-  <span style="font-size: 16px; background-color: #ffffff; padding: 0 10px;">
-    {$this->label}
-  </span>
+<div class="mt-2 text-center mb-2 form-divider">
+  <span>{$this->label}</span>
 </div>
 HTML;
     }

+ 4 - 4
src/Form/Field/Fieldset.php

@@ -25,14 +25,14 @@ JS;
 
         return <<<HTML
 <div>
-    <div class="mt-2 text-center" style="height: 20px; border-bottom: 1px solid #eee; margin-bottom: 25px">
-      <span style="font-size: 16px; background-color: #ffffff; padding: 0 10px;">
+    <div class="mt-2 text-center mb-2 form-divider">
+      <span>
         <a data-toggle="collapse" href="#{$this->name}" class="{$this->name}-title">
           <i class="fa fa-angle-double-up"></i>&nbsp;&nbsp;{$title}
         </a>
       </span>
-    </div>
-    <div class="collapse show" id="{$this->name}">
+</div>
+<div class="collapse show" id="{$this->name}">
 HTML;
     }
 

Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor