From 4c94a2678fb53fc16b7225a84fce4aef700dbe0c Mon Sep 17 00:00:00 2001
From: "[\"Younes MHARRECH\"]" <[ext.cgi.ymharrech@grandlyon.com]>
Date: Tue, 28 Jun 2022 20:53:40 +0200
Subject: [PATCH] checkbox style

---
 .../layer-checkbox.component.html             | 43 +++++++++++--------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/app/components/toc/layer-checkbox/layer-checkbox.component.html b/src/app/components/toc/layer-checkbox/layer-checkbox.component.html
index 8c7a02f..2ec0c2c 100755
--- a/src/app/components/toc/layer-checkbox/layer-checkbox.component.html
+++ b/src/app/components/toc/layer-checkbox/layer-checkbox.component.html
@@ -1,22 +1,29 @@
+    <table>
+      <tr>
+        <td>
+          <div class="form-check form-switch">
+            <input class="form-check-input" type="checkbox" value="" id="flexCheck" [checked]="checked" (click)="onClick()" />
+          </div>
+        </td>
+        <td>
+            <label class="example-value-label">Transparence :{{value}}</label>
+            <mat-slider (input)="onInputChange($event)"
+              class="example-margin"
+              [disabled]="disabled"
+              [invert]="invert"
+              [max]="max"
+              [min]="min"
+              [step]="step"
+              [thumbLabel]="thumbLabel"
+              [tickInterval]="getSliderTickInterval()"
+              [(ngModel)]="value"
+              [vertical]="vertical"
+              aria-labelledby="example-name-label">
+            </mat-slider>   
+        </td>
+      </tr>
+    </table>
 
-    <input class="form-check-input" type="checkbox" value="" id="flexCheck" [checked]="checked" (click)="onClick()" />
-    &nbsp; &nbsp;
-    <label>Transparence :</label> 
-    <label class="example-value-label">{{value}}</label>
-    <mat-slider
-      (input)="onInputChange($event)"
-      class="example-margin"
-      [disabled]="disabled"
-      [invert]="invert"
-      [max]="max"
-      [min]="min"
-      [step]="step"
-      [thumbLabel]="thumbLabel"
-      [tickInterval]="getSliderTickInterval()"
-      [(ngModel)]="value"
-      [vertical]="vertical"
-      aria-labelledby="example-name-label"
-    >
 
 
 
-- 
GitLab