Le citazioni nella griglia hanno le loro immagini avatar espanse

Ho due citazioni con foto verticali che sarebbero perfette se visualizzate una accanto all’altra. (È un confronto prima/dopo.) Ma quando le racchiudo tra tag [grid], l’immagine dell’avatar dell’utente diventa enorme.

Sembra che questo possa essere risolto con una modifica a questa regola CSS, per esentare le immagini con la classe avatar dalla regola:

.d-image-grid:not([data-disabled]) .d-image-grid-column img, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper > .lightbox {
  width: 100%;
}

Hmm… [grid] non è mai stato pensato per essere utilizzato con altro che non immagini o video. È bello che funzioni quasi con le citazioni, ma non prevediamo di supportare quel caso d’uso. Sospetto che le citazioni affiancate potrebbero non avere un bell’aspetto su schermi di piccole dimensioni?

1 Mi Piace