entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 10 Releases Wiki Activity

scss: add $widget-padding to control widget padding (#62751)

This commit is contained in:
Frédéric Péters 2022-03-12 23:31:43 +01:00
parent cf00f7cfae
commit 0c5e640947
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
help/fr/misc-scss.page
View File

@ -568,6 +568,12 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
<td><p>Taille de l'arrondi à appliquer aux champs de formulaire (texte, liste…)</p></td>
<td><p><var>0</var></p></td>
</tr>
<tr>
<td><p><code>$widget-padding</code></p></td>
<td><p>Écarts de remplissage (padding) à appliquer aux champs de formulaire
et aux boutons.</p></td>
<td><p><var>0.4em 0.7em</var></p></td>
</tr>
<tr>
<td><p><code>$widget-custom-radio-checkbox</code></p></td>
<td><p>Rendu personnalisé des cases à cocher et des boutons radios (plutôt

13
static/includes/_forms.scss
View File

@ -18,6 +18,7 @@ $widget-focus-color: $widget-color !default;
$widget-focus-outline: none !default;
$widget-focus-outline-offset: 0 !default;
$widget-box-shadow: null !default;
$widget-padding: 0.625rem 1rem !default;
$widget-focus-box-shadow: none !default;
$button-focus-outline: $widget-focus-outline !default;
@ -178,7 +179,7 @@ div.buttons div {
background: $button-background;
text-align: center;
color: $button-color;
padding: 10px 15px;
padding: $widget-padding;
cursor: pointer;
border: $button-border;
border-radius: $button-border-radius;
@ -248,7 +249,7 @@ input, input[type="search"], textarea, select {
border: $widget-border;
border-radius: $widget-border-radius;
margin: 0.2em 0px;
padding: 0.4em 0.7em 0.4em 0.7em;
padding: $widget-padding;
max-width: 100%;
transition: background 0.5s ease, color 0.5s ease, border 0.5s ease;
box-shadow: $widget-box-shadow;
@ -401,12 +402,13 @@ span.select2-container {
span.select2-selection--single,
a.select2-choice,
a.select2-choice div {
box-sizing: content-box;
padding: 0.2em 0 0.2em 0;
box-sizing: border-box;
padding: $widget-padding;
background: $widget-background;
color: $widget-color;
border-radius: $widget-border-radius;
border: $widget-border;
height: auto;
}
&.select2-container--focus,
&.select2-container--open {
@ -437,7 +439,8 @@ span.select2-container {
border: 1px solid #ccc;
}
.select2-selection--single .select2-selection__rendered {
padding-right: 50px;
padding-right: 0px;
line-height: inherit;
}
.select2-selection--single .select2-selection__arrow {
background-image: url($data_uri_arrow-down);