Text Alignment not working in Dialog Cards

Description

None

Acceptance Criteria

1. Replicate and resolve the following bug:

https://h5p.org/node/35700

2. Post back to the forum once completed

Activity

Show:
Joseph Rézeau
January 19, 2018, 10:11 PM

Easy solution is to remove the following rules from dialogcards.css.
1.- in
.h5p-dialogcards .h5p-dialogcards-cardholder
.h5p-dialogcards .h5p-dialogcards-image-wrapper > .h5p-dialogcards-image
.h5p-dialogcards .h5p-dialogcards-card-text-wrapper
remove: text-align: center;
2.- in
.h5p-dialogcards .h5p-dialogcards-card-text
remove display: inline-block;

One potential issue is that those users who have created dialogcards contents with the "bug" that automatically centered their question text and answer text may now find that those texts will revert to (default) left-aligned!

Joseph Rézeau
July 15, 2019, 3:19 PM
Edited

Better fix which works with current dialogcards version 1.7.

1.- this is still needed:

in
.h5p-dialogcards .h5p-dialogcards-cardholder
.h5p-dialogcards .h5p-dialogcards-image-wrapper > .h5p-dialogcards-image
.h5p-dialogcards .h5p-dialogcards-card-text-wrapper
remove: text-align: center;

2.- better fix for .h5p-dialogcards .h5p-dialogcards-card-text

 

 

Assignee

Unassigned

Reporter

Timothy Lim

Labels

None

Funding

None

Code reviewer

None

Released

None

Priority

Medium