dialog.css
Same filename in this branch
- 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
- 8.9.x core/themes/seven/css/components/dialog.css
- 8.9.x core/themes/bartik/css/classy/components/dialog.css
- 8.9.x core/themes/classy/css/components/dialog.css
- 8.9.x core/assets/vendor/jquery.ui/themes/base/dialog.css
- 8.9.x core/assets/vendor/ckeditor/skins/moono-lisa/dialog.css
- 8.9.x core/assets/vendor/ckeditor/plugins/dialog/styles/dialog.css
Same filename in other branches
- 9 core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
- 9 core/themes/seven/css/components/dialog.css
- 9 core/themes/claro/css/components/dialog.css
- 9 core/themes/bartik/css/classy/components/dialog.css
- 9 core/themes/starterkit_theme/css/components/dialog.css
- 9 core/themes/classy/css/components/dialog.css
- 9 core/assets/vendor/jquery.ui/themes/base/dialog.css
- 9 core/assets/vendor/ckeditor/skins/moono-lisa/dialog.css
- 9 core/assets/vendor/ckeditor/plugins/dialog/styles/dialog.css
- 10 core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
- 10 core/themes/claro/css/components/dialog.css
- 10 core/themes/starterkit_theme/css/components/dialog.css
- 10 core/assets/vendor/jquery.ui/themes/base/dialog.css
- 11.x core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
- 11.x core/themes/claro/css/components/dialog.css
- 11.x core/themes/starterkit_theme/css/components/dialog.css
- 11.x core/assets/vendor/jquery.ui/themes/base/dialog.css
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/2815083 * @preserve */ /** * Presentational styles for Drupal dialogs. */ .ui-dialog { position: absolute; z-index: 1260; padding: 0; border: 0; background: transparent; } @media all and (max-width: 48em) { /* 768px */ .ui-dialog { min-width: 92%; max-width: 92%; } } .ui-dialog .ui-dialog-titlebar { padding: 15px 49px 15px 15px; /* LTR */ border-top-left-radius: 5px; border-top-right-radius: 5px; background: #6b6b6b; } [dir="rtl"] .ui-dialog .ui-dialog-titlebar { padding-right: 15px; padding-left: 49px; } .ui-dialog .ui-dialog-title { margin: 0; color: #fff; font-size: 1.231em; font-weight: 600; -webkit-font-smoothing: antialiased; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; top: 10px; right: 12px; /* LTR */ width: 30px; height: 30px; margin: 0; padding: 0; transition: all 0.1s; border: 3px solid #6b6b6b; border-radius: 5px; background: none; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { border-color: #fff; } [dir="rtl"] .ui-dialog .ui-dialog-titlebar-close { right: auto; left: 20px; } .ui-dialog .ui-icon.ui-icon-closethick { margin-top: -8px; background: url(../../images/core/ffffff/ex.svg) 0 0 no-repeat; } .ui-dialog .ui-widget-content.ui-dialog-content { overflow: auto; padding: 1em; background: #fff; } .views-ui-dialog .ui-widget-content.ui-dialog-content { padding: 0; } .ui-dialog .ui-widget-content.ui-dialog-buttonpane { /* border-top: 1px solid #bfbfbf; */ margin: 0; padding: 15px 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #f5f5f2; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; margin: 0; padding: 0; } .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text { padding: 0; } .ui-dialog .ui-dialog-content { position: static; } /* Form action buttons are moved in dialogs. Remove empty space. */ .ui-dialog .ui-dialog-content .form-actions { margin: 0; padding: 0; } .ui-dialog .ajax-progress-throbber { position: fixed; z-index: 1000; top: 48.5%; /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ left: 49%; /* LTR */ width: 24px; height: 24px; padding: 4px; opacity: 0.9; border-radius: 7px; background-color: #232323; background-image: url(../../images/loading-small.gif); background-repeat: no-repeat; background-position: center center; } [dir="rtl"] .ui-dialog .ajax-progress-throbber { right: 49%; left: auto; } .ui-dialog .ajax-progress-throbber .throbber, .ui-dialog .ajax-progress-throbber .message { display: none; } .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar { position: relative; } .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close { top: 10px; } .ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content { background: none; }
File
-
core/
themes/ claro/ css/ components/ dialog.css
View source
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/2815083
- * @preserve
- */
-
- /**
- * Presentational styles for Drupal dialogs.
- */
-
- .ui-dialog {
- position: absolute;
- z-index: 1260;
- padding: 0;
- border: 0;
- background: transparent;
- }
-
- @media all and (max-width: 48em) { /* 768px */
- .ui-dialog {
- min-width: 92%;
- max-width: 92%;
- }
- }
-
- .ui-dialog .ui-dialog-titlebar {
- padding: 15px 49px 15px 15px; /* LTR */
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- background: #6b6b6b;
- }
-
- [dir="rtl"] .ui-dialog .ui-dialog-titlebar {
- padding-right: 15px;
- padding-left: 49px;
- }
-
- .ui-dialog .ui-dialog-title {
- margin: 0;
- color: #fff;
- font-size: 1.231em;
- font-weight: 600;
- -webkit-font-smoothing: antialiased;
- }
-
- .ui-dialog .ui-dialog-titlebar-close {
- position: absolute;
- top: 10px;
- right: 12px; /* LTR */
- width: 30px;
- height: 30px;
- margin: 0;
- padding: 0;
- transition: all 0.1s;
- border: 3px solid #6b6b6b;
- border-radius: 5px;
- background: none;
- }
-
- .ui-dialog .ui-dialog-titlebar-close:hover,
- .ui-dialog .ui-dialog-titlebar-close:focus {
- border-color: #fff;
- }
-
- [dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
- right: auto;
- left: 20px;
- }
-
- .ui-dialog .ui-icon.ui-icon-closethick {
- margin-top: -8px;
- background: url(../../images/core/ffffff/ex.svg) 0 0 no-repeat;
- }
-
- .ui-dialog .ui-widget-content.ui-dialog-content {
- overflow: auto;
- padding: 1em;
- background: #fff;
- }
-
- .views-ui-dialog .ui-widget-content.ui-dialog-content {
- padding: 0;
- }
-
- .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
- /* border-top: 1px solid #bfbfbf; */
- margin: 0;
- padding: 15px 20px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- background: #f5f5f2;
- }
-
- .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
- float: none;
- margin: 0;
- padding: 0;
- }
-
- .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
- padding: 0;
- }
-
- .ui-dialog .ui-dialog-content {
- position: static;
- }
-
- /* Form action buttons are moved in dialogs. Remove empty space. */
-
- .ui-dialog .ui-dialog-content .form-actions {
- margin: 0;
- padding: 0;
- }
-
- .ui-dialog .ajax-progress-throbber {
- position: fixed;
- z-index: 1000;
- top: 48.5%;
- /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
- left: 49%; /* LTR */
- width: 24px;
- height: 24px;
- padding: 4px;
- opacity: 0.9;
- border-radius: 7px;
- background-color: #232323;
- background-image: url(../../images/loading-small.gif);
- background-repeat: no-repeat;
- background-position: center center;
- }
-
- [dir="rtl"] .ui-dialog .ajax-progress-throbber {
- right: 49%;
- left: auto;
- }
-
- .ui-dialog .ajax-progress-throbber .throbber,
- .ui-dialog .ajax-progress-throbber .message {
- display: none;
- }
-
- .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
- position: relative;
- }
-
- .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
- top: 10px;
- }
-
- .ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
- background: none;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.