@gyramais/gyra-design 0.2.45 → 0.2.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css
CHANGED
|
@@ -4413,12 +4413,18 @@ h6 {
|
|
|
4413
4413
|
min-height: 6rem;
|
|
4414
4414
|
}
|
|
4415
4415
|
|
|
4416
|
-
/*
|
|
4416
|
+
/* `gyramais-card-loading` (modificador da RAIZ) e `gyramais-card-placeholder`
|
|
4417
|
+
(o bloco desenhado) sao nomes distintos de proposito. Quando os dois eram a
|
|
4418
|
+
mesma classe, o seletor de descendente abaixo casava tambem a raiz de um
|
|
4419
|
+
<Card loading> ANINHADO dentro de outro Card, e aplicava o layout do
|
|
4420
|
+
placeholder no card inteiro.
|
|
4421
|
+
|
|
4422
|
+
Estado de carregando: o skeleton entra NO FLUXO, nao sobreposto. Assim ele
|
|
4417
4423
|
e' quem dita a altura do card, e um `loadingContent` alto (grafico, tabela)
|
|
4418
4424
|
nao fica cortado pela altura do conteudo vazio que ele esta substituindo.
|
|
4419
4425
|
O conteudo real continua montado, so escondido pela regra abaixo, para nao
|
|
4420
4426
|
perder estado no meio do carregamento. */
|
|
4421
|
-
.gyramais-card .gyramais-card-
|
|
4427
|
+
.gyramais-card .gyramais-card-placeholder {
|
|
4422
4428
|
display: flex;
|
|
4423
4429
|
width: 100%;
|
|
4424
4430
|
flex-direction: column;
|
|
@@ -4428,7 +4434,7 @@ h6 {
|
|
|
4428
4434
|
|
|
4429
4435
|
.gyramais-card.gyramais-card-loading
|
|
4430
4436
|
.gyramais-card-content
|
|
4431
|
-
> *:not(.gyramais-card-
|
|
4437
|
+
> *:not(.gyramais-card-placeholder) {
|
|
4432
4438
|
display: none;
|
|
4433
4439
|
}
|
|
4434
4440
|
|