SPIP/gamutable
SPIP/gamutable
4
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

harmonisation des selecteurs de filtre

Browse source
This commit is contained in:
Christophe 2022-04-15 13:25:48 +02:00
parent e1a677d9e0
commit 1986977f15
6 changed files with 58 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
css/gamutable.css
View file

@ -1,11 +1,45 @@
.gamutable__input--rechercher {
padding: 0.25rem 1rem;
}
.vue-tags .vue-tag.selected {
font-size: 1.2rem;
}
div.vue-input > input {
font-size: 1.2rem;
}
.tag--ub {
display: inline-block;
}
.gamutable__input--filtrer {
font-size: 1.2rem;
box-shadow: 0 0 0 1px #999999 inset;
}
.gamutable__input--filtrer:valid {
font-size: 1.2rem;
background-color: #999999;
color: #000;
}
.gamutable__input--filtrer:-moz-placeholder-shown {
background-color: transparent;
color: inherit;
}
.gamutable__input--filtrer:-ms-input-placeholder {
background-color: transparent;
color: inherit;
}
.gamutable__input--filtrer:placeholder-shown {
background-color: transparent;
color: inherit;
}
.gamutable--surTable select,
.gamutable--surTable input {
margin-bottom: 0;
@ -42,31 +76,6 @@
cursor: pointer;
}
.gamutable__input--rechercher {
padding: 0.25rem 1rem;
}
.gamutable__input--rechercher:valid {
background-color: #999999;
color: #000;
font-weight: bold;
}
.gamutable__input--rechercher:-moz-placeholder-shown {
background-color: transparent;
color: inherit;
}
.gamutable__input--rechercher:-ms-input-placeholder {
background-color: transparent;
color: inherit;
}
.gamutable__input--rechercher:placeholder-shown {
background-color: transparent;
color: inherit;
}
.h2-like.titregamutable,
.h2-like.titregamutable_deux {
font-weight: bold;

2
css/gamutable.css.map
View file

File diff suppressed because one or more lines are too long

31
css/gamutable.scss
View file

@ -1,12 +1,31 @@
// ----------------------------
// Surcharge de vue-next-select
// ----------------------------
.gamutable__input--rechercher {
padding: 0.25rem 1rem;
}
.vue-tags .vue-tag.selected {
font-size: 1.2rem;
}
div.vue-input > input {
font-size: 1.2rem;
}
.tag--ub {
display: inline-block;
}
.gamutable__input--filtrer {
font-size: 1.2rem;
box-shadow: 0 0 0 1px rgb(153, 153, 153) inset;
&:valid {
font-size: 1.2rem;
background-color: rgb(153, 153, 153);
color: #000;
}
}
.gamutable__input--filtrer:placeholder-shown {
background-color: transparent;
color: inherit;
}
// ----------------------------
// Fin de la surcharge de vue-next-select
// ----------------------------
@ -37,18 +56,6 @@
cursor: pointer;
}
}
.gamutable__input--rechercher {
padding: 0.25rem 1rem;
}
.gamutable__input--rechercher:valid {
background-color: rgb(153, 153, 153);
color: #000;
font-weight: bold;
}
.gamutable__input--rechercher:placeholder-shown {
background-color: transparent;
color: inherit;
}
.h2-like.titregamutable,
.h2-like.titregamutable_deux {

4
js/gamutable.es6.js
View file

@ -756,7 +756,7 @@ let monTableau = {
<input
v-if="filtreColType[head] === 'input'"
class="gamutable__input--rechercher"
class="gamutable__input--filtrer"
v-model="filtreColSelected[head]"
type="text"
placeholder="Rechercher"
@ -766,7 +766,7 @@ let monTableau = {
v-if="filtreColType[head] === 'input' && filtreColSelected[head].length !== 0"
@click.stop="filtreColSelected[head] = []"
title="Vider ce champ"
class="gamutable__input--rechercher"
class="gamutable__input--filtrer"
>X</button>
</div>
</th>

2
js/gamutable.js
View file

File diff suppressed because one or more lines are too long

2
paquet.xml
View file

@ -1,7 +1,7 @@
<paquet
prefix="gamutable"
categorie="outil"
version="3.4.3"
version="3.4.4"
etat="dev"
compatibilite="[3.2.0-dev;4.1.*]"
logo="prive/themes/spip/images/gamutable-xx.svg"