57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
/**
|
|
* @file
|
|
* Ajax styles.
|
|
*/
|
|
|
|
/**
|
|
* Make sure full screen progress indicator is in front of .ui-dialog.
|
|
*
|
|
* @see core/themes/seven/css/components/dialog.css
|
|
*/
|
|
.ajax-progress.ajax-progress-fullscreen {
|
|
z-index: 1261;
|
|
}
|
|
|
|
/**
|
|
* Floating Ajax message container.
|
|
*
|
|
* Display status message in a floating container at the bottom of the page.
|
|
* NOTE: It is display to display message floating at top because of the floating
|
|
* admin toolbar.
|
|
*
|
|
* @see Drupal.AjaxCommands.prototype.webformInsert
|
|
*/
|
|
.webform-ajax-messages {
|
|
position: fixed;
|
|
z-index: 100;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.webform-ajax-messages .messages {
|
|
margin: 0;
|
|
border-width: 10px 0 0 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.webform-ajax-messages .messages + .messages {
|
|
margin: 0;
|
|
}
|
|
|
|
/**
|
|
* Always position webform modal dialog at the top of the page.
|
|
*
|
|
* This prevents the dialogs position from jumping as its content is refreshed
|
|
* and when the window is resized.
|
|
*
|
|
* @see core/misc/dialog/dialog.position.js
|
|
* @see \Drupal\webform\Utility\WebformDialogHelper::getModalDialogAttributes
|
|
*/
|
|
.webform-ui-dialog {
|
|
top: 50px !important;
|
|
}
|
|
|
|
.toolbar-tray-open.toolbar-horizontal .webform-ui-dialog {
|
|
top: 90px !important;
|
|
}
|