Aplicar CSS a scrollbar y rejilla, posible bug


([N1] aztecmexico) #1

Buen día a todos, aquí va la mia de fin de semana, en día feriado, en agosto, jejejeje.

Problema: Al aplicar css a una rejilla, y posteriormente a sus barras de desplazamiento, note que cuando la rejilla tiene un borde definido, del tamaño que sea, la parte inferior del mismo desaparece y es “comida” por la parte inferior de la scrollbar.

Probé con todas las opciones disponibles para modificar el CSS de la scrollbar y a final de cuentas veo que el problema no va por ahí, sino que la parte que se “come” el borde tiene que ver con la rejilla.

Me dí cuenta de esto al cambiar los colores de relleno de la rejilla para poder visualizar mejor la falla, les anexo imágenes para que se den una mejor idea del problema.

Modificando el padding-bottom de la rejilla a un valor mínimo de 17ox es la única manera de que aparezca el borde completo, pero sigue apareciendo el relleno de la rejilla, en un área donde se supone no debería estar.

¿Alguna idea de por donde va el tiro para solucionar este tema?, cual sería la instrucción, linea, comando, etc. para solventar este pequeño fallo, ya le busqué de muchas maneras y de momento no encuentro la falla.

Buscando encontré en el sitio oficial de qt la ultima imagen, la cual muestra una estructura que pudiera ser la que ocasiona el fallo, al no ocupar uno de los espacios asignados para el botón arriba, no sé.

O simplemente es un fallo de diseño de la scrollbar en qt, o yo me equivoco en algo que no logro encontrar.

Como siempre reciban un cordial saludo.

Martin Ibarra.


([N1] aztecmexico) #2

Va la imagen, que cuando quiere la sube, cuando no quiere pues no.



([N1] Juan) #3

Me paso lo mismo, lo deje asi:
/* - - - - - - - - - - - - - - - - SCROLL VERTICAL Y HORIZONTAL- - - - - - - - - - - - - - - - - - - - - */

QScrollBar:vertical {
width: 30px;

}
QScrollBar:horizontal {
width: 30px;

}
/QScrollBar::handle:vertical, QScrollBar::handle:horizontal {
min-height: 30px;
}
/
/QScrollBar::add-line:vertical {
height: 20px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}
QScrollBar::add-line:horizontal {
width: 20px;
subcontrol-position: right;
subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical {
height: 20px;
subcontrol-position: top;
subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal {
width: 20px;
subcontrol-position: left;
subcontrol-origin: margin;
}
/
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
width: 5px;
height: 3px;
}
QScrollBar:left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
width: 3px;
height: 5px;
}
"



([N1] wikan) #4

@Juan la parte de las aperturas es una qml??

Me gusta la inferfaz, felicidades