Appearance

Dialogs Styles ​

File Information ​

  • Path: app/assets/scss/components/_dialogs.scss
  • Purpose: Dialog/modal styles with headers, bodies, and footers
  • Type: Component

Overview ​

This file contains styles for dialog/modal styles with headers, bodies, and footers. Refer to the source SCSS file for detailed implementation.

Dialog content (.v-overlay__content) gets max-height: calc(100svh - 40px) and overflow: hidden !important, except .galleryDialogContent (PR #137), whose previous/next buttons sit outside the card. The gallery's own rules live in components/_gallery-quick-view.scss, loaded from main.scss right after components/dialogs; see GalleryQuickViewDialog - Styling.