checkbox bootstrap

[Thema]

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...

[d.pierangeli]

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;
}


[d.pierangeli]

Ho creato l'attività NPQ04901 per tenere traccia di questo problema.

[Thema]

perfect :)

[d.pierangeli]

L'attività NPQ04901 è stata completata e sarà disponibile nella versione Instant Developer 20.5. Clicca qui per leggere le note di rilascio.