Wiki Portabilidade
Wiki Portabilidade
Advertisement
HorizontalGroups

É sutil, mas importante. O grupo "regular" no topo -- com data, lugar e resultado -- tem uma altura de linha e tamanho de fonte do que os grupos horizontais no final, porque grupos horizontais e "regulares" podem ser personalizados diferentemente.

Você provavelmente sabe como criar grupos horizontais:

<group layout="horizontal">
. . . data . . . 
</group>

Essa personalização é particularmente útil quando usamos grupos que estão em conflito uns com os outros ou até mesmo quando mostra-se algum tipo de padrão de informação "anterior/próximo".

O que é legal sobre isso é que você pode ter diferentes estilo aplicados a cada tipo de grupo. Você quer que a sua informação "anterior/próximo" tem uma fonte maior do que a informação normal? Totalmente possível!

O único problema é que você talvez tenha que usar !important no grupo horizontal, dependendo do que mais você queira fazer com o seu código. Tenha isso em mente, já que o código abaixo não inclui !important. Oh, e o código abaixo serve para quando você estiver personalizando um tema em particular, aqui chamado de "qualquer".

/* Normal value/label styling */
.pi-theme-qualquer.pi-data-value,
.pi-theme-qualquer.pi-data-label { styling }

/* Horizontal group value/label styling */
.pi-theme-qualquer.pi-horizontal-group-item.pi-data-value,
.pi-theme-qualquer .pi-horizontal-group-item.pi-data-label { styling }

/* Normal group header styling */
.pi-theme-qualquer.pi-header { styling }

/* Horizontal group header styling */
.pi-theme-qualquer .pi-horizontal-group .pi-header { styling }

Veja também[]

Advertisement