feat: 2 solutions pour ne pas jouer la css sur les liens : url_action : soit on utilise la classe url_action--ss_css ou on ajoute la class sans_css

This commit is contained in:
Christophe 2023-03-06 22:33:19 +01:00
parent e1f67765e6
commit d96db998f9
4 changed files with 27 additions and 10 deletions

View file

@ -18,6 +18,7 @@ div.vue-input > input {
font-size: 1.2rem; font-size: 1.2rem;
padding: 5px 5px !important; padding: 5px 5px !important;
} }
.gamutable__input--filtrer:valid { .gamutable__input--filtrer:valid {
font-size: 1.2rem; font-size: 1.2rem;
background-color: rgb(153, 153, 153); background-color: rgb(153, 153, 153);
@ -47,9 +48,11 @@ th .vue-select {
.gamutable--surTable input { .gamutable--surTable input {
margin-bottom: 0; margin-bottom: 0;
} }
.gamutable--surTable .gamutable-nbrMax { .gamutable--surTable .gamutable-nbrMax {
margin-left: 2rem; margin-left: 2rem;
} }
.gamutable--surTable .includespip { .gamutable--surTable .includespip {
margin-left: 2rem; margin-left: 2rem;
} }
@ -65,10 +68,12 @@ th .vue-select {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.gamutable--pagination .page-item { .gamutable--pagination .page-item {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.gamutable--pagination .page-link { .gamutable--pagination .page-link {
margin: 0 0.2rem; margin: 0 0.2rem;
background-color: #eee; background-color: #eee;
@ -84,9 +89,11 @@ th .vue-select {
font-size: 1em; font-size: 1em;
table-layout: auto; table-layout: auto;
} }
.gamutable table thead { .gamutable table thead {
border: 1px solid rgb(119, 119, 119); border: 1px solid rgb(119, 119, 119);
} }
.gamutable table .gt_labels { .gamutable table .gt_labels {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
@ -95,30 +102,37 @@ th .vue-select {
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
} }
.gamutable table th>div { .gamutable table th>div {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.gamutable table .label_tete_colonne { .gamutable table .label_tete_colonne {
-ms-flex-positive: 1; -ms-flex-positive: 1;
flex-grow: 1; flex-grow: 1;
} }
.gamutable table .iconeTri { .gamutable table .iconeTri {
float: right; float: right;
width: calc(1em + 4px); width: calc(1em + 4px);
} }
.gamutable table .iconeTri .fa { .gamutable table .iconeTri .fa {
padding: 2px 5px; padding: 2px 5px;
cursor: pointer; cursor: pointer;
} }
.gamutable table .tri_col { .gamutable table .tri_col {
cursor: pointer; cursor: pointer;
fill: #cecece; fill: #cecece;
} }
.gamutable table .iconeTri>.active { .gamutable table .iconeTri>.active {
fill: rgb(220, 53, 69); fill: rgb(220, 53, 69);
color: rgb(220, 53, 69); color: rgb(220, 53, 69);
} }
.gamutable table tbody tr:hover { .gamutable table tbody tr:hover {
background-color: rgba(179, 209, 67, 0.27); background-color: rgba(179, 209, 67, 0.27);
} }
@ -139,6 +153,7 @@ th.icone {
tr.filtreColonne th { tr.filtreColonne th {
padding: 0; padding: 0;
} }
tr.filtreColonne th select { tr.filtreColonne th select {
margin: 0; margin: 0;
} }
@ -150,7 +165,7 @@ td.icone > * {
text-align: center; text-align: center;
} }
.gamutable .url_action { .gamutable .url_action:not(.sans_css) {
padding: 0.2rem; padding: 0.2rem;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
@ -158,6 +173,7 @@ td.icone > * {
border: 1px solid #cecece; border: 1px solid #cecece;
border-radius: 5px; border-radius: 5px;
} }
.gamutable .url_action:hover { .gamutable .url_action:hover {
background-color: #cecece; background-color: #cecece;
} }
@ -876,4 +892,5 @@ td.icone i {
.maxw1140p { .maxw1140p {
max-width: 1140px; max-width: 1140px;
} }
/*# sourceMappingURL=gamutable.css.map */ /*# sourceMappingURL=gamutable.css.map */

File diff suppressed because one or more lines are too long

2
dist/manifest.json vendored
View file

@ -3,7 +3,7 @@
"file": "assets/vendor-f73869ed.js" "file": "assets/vendor-f73869ed.js"
}, },
"gamutable.js": { "gamutable.js": {
"file": "assets/gamutable-756785b2.js", "file": "assets/gamutable-371e82bf.js",
"imports": [ "imports": [
"_vendor-f73869ed.js" "_vendor-f73869ed.js"
], ],

View file

@ -38,7 +38,7 @@ for (const el of document.getElementsByClassName('vue-gamutable')) {
i++; i++;
} }
$('#vueGamutable').on('click', '.url_action', function (e) { $('#vueGamutable').on('click', '.url_action, .url_action--ss_css', function (e) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
let confirmation = $(this).data('confirm'); let confirmation = $(this).data('confirm');