Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add .form-control and disclaimer #1247

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 12 additions & 4 deletions docs/form/input.md
Original file line number Diff line number Diff line change
Expand Up @@ -451,7 +451,7 @@ Il testo corrispondente alla ricerca (_"ite"_, nell'esempio) deve essere racchiu
{% capture example %}
<div class="form-group">
<label for="autocomplete-one" class="visually-hidden">Cerca nel sito</label>
<input type="search" class="autocomplete" placeholder="Testo da cercare"
<input type="search" class="form-control autocomplete" placeholder="Testo da cercare"
id="autocomplete-one"
name="autocomplete-one"
data-bs-autocomplete="[]">
Expand Down Expand Up @@ -522,7 +522,7 @@ Per ottenere una versione grande dell'Autocomplete, indicata ad esempio per inte
{% capture example %}
<div class="form-group autocomplete-wrapper-big">
<label for="autocomplete-two" class="visually-hidden">Cerca nel sito</label>
<input type="search" class="autocomplete" placeholder="Testo da cercare"
<input type="search" class="form-control autocomplete" placeholder="Testo da cercare"
id="autocomplete-two"
name="autocomplete-two"
data-bs-autocomplete="[]">
Expand Down Expand Up @@ -585,7 +585,7 @@ Cerca una regione italiana per verificarne il comportamento.
{% capture example %}
<div class="form-group">
<label for="autocomplete-regioni" class="visually-hidden">Cerca nel sito</label>
<input type="search" class="autocomplete" placeholder="Testo da cercare"
<input type="search" class="form-control autocomplete" placeholder="Testo da cercare"
id="autocomplete-regioni"
name="autocomplete-regioni"
data-bs-autocomplete='{{ site.data.autocomplete.regioni | jsonify }}'>
Expand All @@ -608,7 +608,7 @@ Cerca ad esempio _"Italia"_ per verificarne il comportamento.
{% capture example %}
<div class="form-group">
<label for="autocomplete-test" class="visually-hidden">Cerca nel sito</label>
<input type="search" class="autocomplete" placeholder="Testo da cercare"
<input type="search" class="form-control autocomplete" placeholder="Testo da cercare"
id="autocomplete-test"
name="autocomplete-test"
data-bs-autocomplete='{{ site.data.autocomplete.nazioni | jsonify }}'>
Expand Down Expand Up @@ -647,6 +647,14 @@ Includendo l'elemento all'interno di un `.form-group`, la label assumerà lo ste

È possibile modificare la dimensione dell'elemento utilizzando le classi `.form-control-lg` e `.form-control-sm`, che modificano la grandezza del carattere e la spaziatura interna.

{% capture callout %}
Breaking feature dalla versione **2.10.0**

Quando si utilizza la classe `.form-control-lg` o `.form-control-sm` è necessario aggiungere anche la classe `rounded-0` al tag `<input>` per rimuovere i bordi arrotondati
Copy link
Contributor

@Fupete Fupete Oct 11, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Non possiamo togliere i bordi dal css?

Invece sì, documenterei la breaking — quella di aggiunta del form-control sempre nei campi — (dalla 2.10.1) in cima alla pagina non qui, come già fatto per altre breaking.

Lunedì ne parliamo cc @astagi .


{% endcapture %}{% include callout.html content=callout type="danger" %}


{% comment %}Example name: Varianti di dimensione {% endcomment %}
{% capture example %}
<div class="form-group">
Expand Down
Loading