It is currently 3 December 2020, 4:25 Advanced search

checkbox bootstrap

Domande e risposte su come utilizzare Instant Developer Foundation al meglio

checkbox bootstrap

Postby Thema » 19 September 2020, 11:45

volevo far presente che la visualizzazione delle checkbox nel tema bootstrap non risultano molto carine quando sono nella condizione di focus, è possibile renderle più nitide senza quella strana sovrapposizione soprattutto nella condizione checked con focus.

Al momento per evitare questa sovrapposizione ho ingrandito le check e ho messo nel custom.css
.panel-value-check {
width: 22px !important;
height: 22px !important;
}
non è il massimo, ma...
Attachments
checkbox.jpg
checkbox.jpg (12.8 KiB) Viewed 225 times
Antonio Avitabile (freelance)
User avatar
Thema
 
Posts: 516
Joined: 6 February 2013, 13:46
Location: Parma

Re: checkbox bootstrap

Postby d.pierangeli » 23 September 2020, 13:37

In effetti hai ragione, non me ne ero mai accorto.

Questa è la classe CSS predefinita di bootstrap:

Code: Select all
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


Effettivamente sembra essere un loro errore, 5px è bruttissimo...

Prova questo :

Code: Select all
input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 1px dotted -webkit-focus-ring-color;
    outline-offset: -2px;
}
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 6975
Joined: 30 September 2010, 15:35

Re: checkbox bootstrap

Postby d.pierangeli » 23 September 2020, 13:40

Ho creato l'attività NPQ04901 per tenere traccia di questo problema.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 6975
Joined: 30 September 2010, 15:35

Re: checkbox bootstrap

Postby Thema » 23 September 2020, 13:48

perfect :)
Antonio Avitabile (freelance)
User avatar
Thema
 
Posts: 516
Joined: 6 February 2013, 13:46
Location: Parma

Re: checkbox bootstrap

Postby d.pierangeli » 24 September 2020, 6:55

L'attività NPQ04901 è stata completata e sarà disponibile nella versione Instant Developer 20.5. Clicca qui per leggere le note di rilascio.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 6975
Joined: 30 September 2010, 15:35


Return to Tips & Tricks - Foundation

Who is online

Users browsing this forum: No registered users and 26 guests

cron