Selaa lähdekoodia

table hover

update
jqh 5 vuotta sitten
vanhempi
commit
d1109e4bab

+ 17 - 2
resources/assets/dcat/sass/dcat-app.scss

@@ -66,6 +66,10 @@ code {
   padding: 3px 5px;
   background: #f1f1f1;
 }
+pre {
+  padding: 7px;
+}
+
 
 // 分页
 .pagination .page-item .page-link {
@@ -76,15 +80,17 @@ code {
 table.data-list-view.dataTable tbody tr, table.data-thumb-view.dataTable tbody tr {
   box-shadow: $shadow;
 }
-
 table.data-list-view.dataTable thead th:first-child, table.data-thumb-view.dataTable thead th:first-child {
   padding-left: 1rem;
 }
-
 table.data-list-view.dataTable, table.data-thumb-view.dataTable {
   border-spacing: 0 .95rem;
   padding: 0;
 }
+table.data-list-view.dataTable tbody tr:hover, table.data-thumb-view.dataTable tbody tr:hover {
+  transform: none;
+  background: $dark20;
+}
 
 
 // 按钮
@@ -139,6 +145,11 @@ table.data-list-view.dataTable, table.data-thumb-view.dataTable {
 // 下拉菜单
 .dropdown .dropdown-menu {
   box-shadow: $shadow;
+  border: 1px solid rgba(0, 0, 0, 0.03)
+}
+.dropdown .dropdown-menu::before {
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  border-left: 1px solid rgba(0, 0, 0, 0.07);
 }
 
 
@@ -150,3 +161,7 @@ table.data-list-view.dataTable, table.data-thumb-view.dataTable {
   width: 18px;
   height: 18px;
 }
+.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-sm .vs-checkbox--check .vs-icon {
+  font-size: 1rem;
+  margin-top: -1px;
+}

+ 21 - 0
resources/dist/dcat/css/app.css

@@ -1770,6 +1770,10 @@ code {
   background: #f1f1f1;
 }
 
+pre {
+  padding: 7px;
+}
+
 .pagination .page-item .page-link {
   font-weight: 600;
 }
@@ -1790,6 +1794,12 @@ table.data-thumb-view.dataTable {
   padding: 0;
 }
 
+table.data-list-view.dataTable tbody tr:hover,
+table.data-thumb-view.dataTable tbody tr:hover {
+  transform: none;
+  background: #f6fbff;
+}
+
 .btn {
   padding: 0.9rem 1.4rem;
   /* font-size: 1rem; */
@@ -1838,6 +1848,12 @@ table.data-thumb-view.dataTable {
 
 .dropdown .dropdown-menu {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  border: 1px solid rgba(0, 0, 0, 0.03);
+}
+
+.dropdown .dropdown-menu::before {
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  border-left: 1px solid rgba(0, 0, 0, 0.07);
 }
 
 .vs-checkbox-con {
@@ -1849,3 +1865,8 @@ table.data-thumb-view.dataTable {
   height: 18px;
 }
 
+.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-sm .vs-checkbox--check .vs-icon {
+  font-size: 1rem;
+  margin-top: -1px;
+}
+

+ 3 - 3
src/Grid/Tools/CreateButton.php

@@ -39,7 +39,7 @@ class CreateButton implements Renderable
             ->success('Dcat.reload()')
             ->dimensions($width, $height);
 
-        return "<button data-url='$url' class='btn btn-sm btn-success {$class}'><i class='ti-plus'></i><span class='hidden-xs'>&nbsp; $new</span></button>";
+        return "<button data-url='$url' class='btn btn-outline-success {$class}'><i class='feather icon-plus'></i><span class='hidden-xs'>&nbsp; $new</span></button>";
     }
 
     protected function renderCreateButton()
@@ -51,8 +51,8 @@ class CreateButton implements Renderable
         $new = trans('admin.new');
         $url = $this->grid->getCreateUrl();
 
-        return "<a href='{$url}' class='btn btn-sm btn-success btn-mini'>
-    <i class='ti-plus'></i><span class='hidden-xs'>&nbsp;&nbsp;{$new}</span>
+        return "<a href='{$url}' class='btn btn-outline-success btn-mini'>
+    <i class='feather icon-plus'></i><span class='hidden-xs'>&nbsp;&nbsp;{$new}</span>
 </a>";
     }