jqh 5 éve
szülő
commit
d51cdacf96

+ 10 - 0
resources/assets/dcat/sass/dcat-app.scss

@@ -140,3 +140,13 @@ table.data-list-view.dataTable, table.data-thumb-view.dataTable {
 .dropdown .dropdown-menu {
   box-shadow: $shadow;
 }
+
+
+// checkbox
+.vs-checkbox-con {
+  margin: 0;
+}
+.vs-checkbox-con .vs-checkbox.vs-checkbox-sm {
+  width: 18px;
+  height: 18px;
+}

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

@@ -1840,3 +1840,12 @@ table.data-thumb-view.dataTable {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
 }
 
+.vs-checkbox-con {
+  margin: 0;
+}
+
+.vs-checkbox-con .vs-checkbox.vs-checkbox-sm {
+  width: 18px;
+  height: 18px;
+}
+

+ 6 - 18
src/Grid/Tools/RowSelector.php

@@ -12,8 +12,6 @@ class RowSelector
 
     protected $style = 'primary';
 
-    protected $circle = true;
-
     protected $background;
 
     protected $rowClickable = false;
@@ -32,13 +30,6 @@ class RowSelector
         return $this;
     }
 
-    public function circle(bool $value = true)
-    {
-        $this->circle = $value;
-
-        return $this;
-    }
-
     public function background(string $value)
     {
         $this->background = $value;
@@ -62,11 +53,10 @@ class RowSelector
 
     public function renderHeader()
     {
-        $circle = $this->circle ? 'checkbox-circle' : '';
-
         return <<<HTML
-<div class="checkbox checkbox-{$this->style} {$circle} checkbox-grid">
-    <input type="checkbox" class="select-all {$this->grid->getSelectAllName()}"><label></label>
+<div class="vs-checkbox-con vs-checkbox-{$this->style} checkbox-grid">
+    <input type="checkbox" class="select-all {$this->grid->getSelectAllName()}">
+    <span class="vs-checkbox vs-checkbox-sm"><span class="vs-checkbox--check"><i class="vs-icon feather icon-check"></i></span></span>
 </div>
 HTML;
     }
@@ -75,13 +65,11 @@ HTML;
     {
         $this->setupScript();
 
-        $circle = $this->circle ? 'checkbox-circle' : '';
-
         return <<<EOT
-<div class="checkbox {$circle} checkbox-{$this->style} checkbox-grid">
+<div class="vs-checkbox-con vs-checkbox-{$this->style} checkbox-grid">
     <input type="checkbox" class="{$this->grid->getRowName()}-checkbox" data-id="{$id}" data-label="{$this->title($row, $id)}">
-    <label></label>
-</div>
+    <span class="vs-checkbox vs-checkbox-sm"><span class="vs-checkbox--check"><i class="vs-icon feather icon-check"></i></span></span>
+</div>        
 EOT;
     }