dialog.css in Paragraphs Previewer 8

Styles for Paragraphs Previewer modal dialog.

File

css/dialog.css

/**
 * @file
 * Styles for Paragraphs Previewer modal dialog.
 */

body.paragraphs-previewer-dialog-active {
  overflow: hidden;
}
.ui-dialog.paragraphs-previewer-ui-dialog {
  padding: 0;
}
.ui-dialog.paragraphs-previewer-ui-dialog #drupal-modal {
  padding: 10px;
  background: #232323 url(/core/misc/loading.gif) no-repeat center center;
  overflow: hidden;
}
.ui-dialog.paragraphs-previewer-ui-dialog #drupal-modal.paragraphs-previewer-dialog-loaded {
  background-image: none;
}
.ui-dialog.paragraphs-previewer-ui-dialog #drupal-modal > div {
  height: 100%;
}
.ui-dialog.paragraphs-previewer-ui-dialog .paragraphs-previewer-wrapper {
  height: 100%;
}
.paragraphs-previewer-wrapper .paragraphs-previewer-iframe {
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
}