Justify-content style is wrong for .ui-dialog-titlebar

Created on 11 October 2022, about 2 years ago
Updated 8 June 2023, over 1 year ago

Modal title bar is styled like this:

.ui-dialog-titlebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 1rem;
  border-bottom: 1px solid #e6e6e6;
}

This results is modal title text displaying at some distance from the left edge of the modal, which looks bad.

When justify-content is set to normal, the modal title aligns to the modal content.

πŸ› Bug report
Status

Fixed

Version

2.3

Component

Code

Created by

πŸ‡¨πŸ‡ΏCzech Republic milos.kroulik

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024