QOLOE-343 Styling modal body

qld-gov-au / qgds-bootstrap5

MVP development space for Queensland Government Design System (QGDS) Bootstrap 5 implementation, Dist folder located in https://github.com/qld-gov-au/qgds-qol-mvp-release

https://qld-gov-au.github.io/qgds-bootstrap5/

2 stars 3 forks source link

QOLOE-343 Styling modal body #350

Open ghazal-salehi opened 6 days ago

ghazal-salehi commented 6 days ago

https://uat.forgov.qld.gov.au/service-delivery-and-community-support/design-and-deliver-public-services/customer-experience-training/human-centred-design/case-study?layout=qgds&SQ_ACTION=set_design_name&SQ_DESIGN_NAME=qgds

Images viewed larger are not centred in modal. Applying class row to modal-body to fix that.

jortronQGov commented 1 day ago

Hey @ghazal-salehi, the screenshot I posted was from the default modal story: https://660e3e06af8da379e06be302-eccdpdihsm.chromatic.com/?path=/story/components-modal--default

ghazal-salehi commented 13 hours ago

I looked into in further. Instead of the proposed change we can wrap the img tag in an additional div with row class within the Image CCT. Please see: https://uat.forgov.qld.gov.au/_admin/?screen=contents&assetid=479302 line 25. https://uat.forgov.qld.gov.au/service-delivery-and-community-support/design-and-deliver-public-services/customer-experience-training/human-centred-design/case-study