report de la largeur des input dans la master

This commit is contained in:
cy_altern 2022-05-29 19:06:18 +02:00
parent 85d80cf299
commit dd4d3a2c0e
3 changed files with 152 additions and 3 deletions

View file

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

File diff suppressed because one or more lines are too long

View file

@ -15,7 +15,7 @@ div.vue-input > input {
} }
.gamutable__input--filtrer { .gamutable__input--filtrer {
font-size: 1.2rem; 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; padding: 5px 5px !important;
&:valid { &:valid {
font-size: 1.2rem; font-size: 1.2rem;
@ -182,6 +182,9 @@ $i: 1000;
.maxw#{$i}p { .maxw#{$i}p {
max-width: $i * 1px; max-width: $i * 1px;
} }
.w#{$i}p input {
width: $i * 1px;
}
$i: $i - 50; $i: $i - 50;
} }
$i: 200; $i: 200;
@ -195,6 +198,9 @@ $i: 200;
.maxw#{$i}p { .maxw#{$i}p {
max-width: $i * 1px; max-width: $i * 1px;
} }
.w#{$i}p input {
width: $i * 1px;
}
$i: $i - 10; $i: $i - 10;
} }