complément des classes de largeur des cellules w123p : application aussi aux input dans ces cellules

css/gamutable.css

@@ -16,7 +16,6 @@ div.vue-input > input {
 
 .gamutable__input--filtrer {
   font-size: 1.2rem;
-  box-shadow: 0 0 0 1px #999999 inset;
   padding: 5px 5px !important;
 }
 
@@ -289,6 +288,10 @@ td.icone i {
   max-width: 1000px;
 }
 
+.w1000p input {
+  width: 1000px;
+}
+
 .w950p {
   width: 950px;
 }
@@ -301,6 +304,10 @@ td.icone i {
   max-width: 950px;
 }
 
+.w950p input {
+  width: 950px;
+}
+
 .w900p {
   width: 900px;
 }
@@ -313,6 +320,10 @@ td.icone i {
   max-width: 900px;
 }
 
+.w900p input {
+  width: 900px;
+}
+
 .w850p {
   width: 850px;
 }
@@ -325,6 +336,10 @@ td.icone i {
   max-width: 850px;
 }
 
+.w850p input {
+  width: 850px;
+}
+
 .w800p {
   width: 800px;
 }
@@ -337,6 +352,10 @@ td.icone i {
   max-width: 800px;
 }
 
+.w800p input {
+  width: 800px;
+}
+
 .w750p {
   width: 750px;
 }
@@ -349,6 +368,10 @@ td.icone i {
   max-width: 750px;
 }
 
+.w750p input {
+  width: 750px;
+}
+
 .w700p {
   width: 700px;
 }
@@ -361,6 +384,10 @@ td.icone i {
   max-width: 700px;
 }
 
+.w700p input {
+  width: 700px;
+}
+
 .w650p {
   width: 650px;
 }
@@ -373,6 +400,10 @@ td.icone i {
   max-width: 650px;
 }
 
+.w650p input {
+  width: 650px;
+}
+
 .w600p {
   width: 600px;
 }
@@ -385,6 +416,10 @@ td.icone i {
   max-width: 600px;
 }
 
+.w600p input {
+  width: 600px;
+}
+
 .w550p {
   width: 550px;
 }
@@ -397,6 +432,10 @@ td.icone i {
   max-width: 550px;
 }
 
+.w550p input {
+  width: 550px;
+}
+
 .w500p {
   width: 500px;
 }
@@ -409,6 +448,10 @@ td.icone i {
   max-width: 500px;
 }
 
+.w500p input {
+  width: 500px;
+}
+
 .w450p {
   width: 450px;
 }
@@ -421,6 +464,10 @@ td.icone i {
   max-width: 450px;
 }
 
+.w450p input {
+  width: 450px;
+}
+
 .w400p {
   width: 400px;
 }
@@ -433,6 +480,10 @@ td.icone i {
   max-width: 400px;
 }
 
+.w400p input {
+  width: 400px;
+}
+
 .w350p {
   width: 350px;
 }
@@ -445,6 +496,10 @@ td.icone i {
   max-width: 350px;
 }
 
+.w350p input {
+  width: 350px;
+}
+
 .w300p {
   width: 300px;
 }
@@ -457,6 +512,10 @@ td.icone i {
   max-width: 300px;
 }
 
+.w300p input {
+  width: 300px;
+}
+
 .w250p {
   width: 250px;
 }
@@ -469,6 +528,10 @@ td.icone i {
   max-width: 250px;
 }
 
+.w250p input {
+  width: 250px;
+}
+
 .w200p {
   width: 200px;
 }
@@ -481,6 +544,10 @@ td.icone i {
   max-width: 200px;
 }
 
+.w200p input {
+  width: 200px;
+}
+
 .w190p {
   width: 190px;
 }
@@ -493,6 +560,10 @@ td.icone i {
   max-width: 190px;
 }
 
+.w190p input {
+  width: 190px;
+}
+
 .w180p {
   width: 180px;
 }
@@ -505,6 +576,10 @@ td.icone i {
   max-width: 180px;
 }
 
+.w180p input {
+  width: 180px;
+}
+
 .w170p {
   width: 170px;
 }
@@ -517,6 +592,10 @@ td.icone i {
   max-width: 170px;
 }
 
+.w170p input {
+  width: 170px;
+}
+
 .w160p {
   width: 160px;
 }
@@ -529,6 +608,10 @@ td.icone i {
   max-width: 160px;
 }
 
+.w160p input {
+  width: 160px;
+}
+
 .w150p {
   width: 150px;
 }
@@ -541,6 +624,10 @@ td.icone i {
   max-width: 150px;
 }
 
+.w150p input {
+  width: 150px;
+}
+
 .w140p {
   width: 140px;
 }
@@ -553,6 +640,10 @@ td.icone i {
   max-width: 140px;
 }
 
+.w140p input {
+  width: 140px;
+}
+
 .w130p {
   width: 130px;
 }
@@ -565,6 +656,10 @@ td.icone i {
   max-width: 130px;
 }
 
+.w130p input {
+  width: 130px;
+}
+
 .w120p {
   width: 120px;
 }
@@ -577,6 +672,10 @@ td.icone i {
   max-width: 120px;
 }
 
+.w120p input {
+  width: 120px;
+}
+
 .w110p {
   width: 110px;
 }
@@ -589,6 +688,10 @@ td.icone i {
   max-width: 110px;
 }
 
+.w110p input {
+  width: 110px;
+}
+
 .w100p {
   width: 100px;
 }
@@ -601,6 +704,10 @@ td.icone i {
   max-width: 100px;
 }
 
+.w100p input {
+  width: 100px;
+}
+
 .w90p {
   width: 90px;
 }
@@ -613,6 +720,10 @@ td.icone i {
   max-width: 90px;
 }
 
+.w90p input {
+  width: 90px;
+}
+
 .w80p {
   width: 80px;
 }
@@ -625,6 +736,10 @@ td.icone i {
   max-width: 80px;
 }
 
+.w80p input {
+  width: 80px;
+}
+
 .w70p {
   width: 70px;
 }
@@ -637,6 +752,10 @@ td.icone i {
   max-width: 70px;
 }
 
+.w70p input {
+  width: 70px;
+}
+
 .w60p {
   width: 60px;
 }
@@ -649,6 +768,10 @@ td.icone i {
   max-width: 60px;
 }
 
+.w60p input {
+  width: 60px;
+}
+
 .w50p {
   width: 50px;
 }
@@ -661,6 +784,10 @@ td.icone i {
   max-width: 50px;
 }
 
+.w50p input {
+  width: 50px;
+}
+
 .w40p {
   width: 40px;
 }
@@ -673,6 +800,10 @@ td.icone i {
   max-width: 40px;
 }
 
+.w40p input {
+  width: 40px;
+}
+
 .w30p {
   width: 30px;
 }
@@ -685,6 +816,10 @@ td.icone i {
   max-width: 30px;
 }
 
+.w30p input {
+  width: 30px;
+}
+
 .w20p {
   width: 20px;
 }
@@ -697,6 +832,10 @@ td.icone i {
   max-width: 20px;
 }
 
+.w20p input {
+  width: 20px;
+}
+
 .w10p {
   width: 10px;
 }
@@ -709,6 +848,10 @@ td.icone i {
   max-width: 10px;
 }
 
+.w10p input {
+  width: 10px;
+}
+
 .w66 {
   width: calc(100% / 3 * 2);
 }

css/gamutable.scss

@@ -15,7 +15,7 @@ div.vue-input > input {
 }
 .gamutable__input--filtrer {
 	font-size: 1.2rem;
-	box-shadow: 0 0 0 1px rgb(153, 153, 153) inset;
+	//box-shadow: 0 0 0 1px rgb(153, 153, 153) inset;
 	padding: 5px 5px !important;
 	&:valid {
 		font-size: 1.2rem;
@@ -182,6 +182,9 @@ $i: 1000;
 	.maxw#{$i}p {
 		max-width: $i * 1px;
 	}
+	.w#{$i}p input {
+		width: $i * 1px;
+	}
 	$i: $i - 50;
 }
 $i: 200;
@@ -195,6 +198,9 @@ $i: 200;
 	.maxw#{$i}p {
 		max-width: $i * 1px;
 	}
+	.w#{$i}p input {
+		width: $i * 1px;
+	}
 	$i: $i - 10;
 }