Mercurial > hg > cmmr2012-drupal-site
diff core/themes/seven/css/components/dialog.css @ 5:12f9dff5fda9 tip
Update to Drupal core 8.7.1
author | Chris Cannam |
---|---|
date | Thu, 09 May 2019 15:34:47 +0100 |
parents | a9cd425dd02b |
children |
line wrap: on
line diff
--- a/core/themes/seven/css/components/dialog.css Thu Feb 28 13:11:55 2019 +0000 +++ b/core/themes/seven/css/components/dialog.css Thu May 09 15:34:47 2019 +0100 @@ -3,11 +3,11 @@ */ .ui-dialog { - background: transparent; - border: 0; position: absolute; z-index: 1260; padding: 0; + border: 0; + background: transparent; } @media all and (max-width: 48em) { /* 768px */ @@ -17,35 +17,35 @@ } } .ui-dialog .ui-dialog-titlebar { - background: #6b6b6b; + padding: 15px 49px 15px 15px; /* LTR */ border-top-left-radius: 5px; border-top-right-radius: 5px; - padding: 15px 49px 15px 15px; /* LTR */ + background: #6b6b6b; } [dir="rtl"] .ui-dialog .ui-dialog-titlebar { + padding-right: 15px; padding-left: 49px; - padding-right: 15px; } .ui-dialog .ui-dialog-title { + margin: 0; + color: #fff; font-size: 1.231em; font-weight: 600; - margin: 0; - color: #fff; -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; + -webkit-transition: all 0.1s; + transition: all 0.1s; border: 3px solid #6b6b6b; border-radius: 5px; background: none; - right: 12px; /* LTR */ - top: 10px; - margin: 0; - padding: 0; - height: 30px; - width: 30px; - position: absolute; - -webkit-transition: all 0.1s; - transition: all 0.1s; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { @@ -56,29 +56,29 @@ left: 20px; } .ui-dialog .ui-icon.ui-icon-closethick { + margin-top: -8px; background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat; - margin-top: -8px; } .ui-dialog .ui-widget-content.ui-dialog-content { - background: #fff; 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 { - background: #f5f5f2; /* border-top: 1px solid #bfbfbf; */ margin: 0; padding: 15px 20px; + border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + background: #f5f5f2; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: none; margin: 0; padding: 0; - float: none; } .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text { padding: 0; @@ -89,28 +89,28 @@ /* Form action buttons are moved in dialogs. Remove empty space. */ .ui-dialog .ui-dialog-content .form-actions { + margin: 0; padding: 0; - margin: 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 */ - position: fixed; - top: 48.5%; - z-index: 1000; + width: 24px; + height: 24px; + padding: 4px; + opacity: 0.9; + border-radius: 7px; background-color: #232323; background-image: url(../../../../misc/loading-small.gif); + background-repeat: no-repeat; background-position: center center; - background-repeat: no-repeat; - border-radius: 7px; - height: 24px; - opacity: 0.9; - padding: 4px; - width: 24px; } [dir="rtl"] .ui-dialog .ajax-progress-throbber { + right: 49%; left: auto; - right: 49%; } .ui-dialog .ajax-progress-throbber .throbber, .ui-dialog .ajax-progress-throbber .message {