Updated to Drupal 8.5. Core Media not yet in use.

[yaffs-website] / web / core / themes / seven / css / components / dialog.css

diff --git a/web/core/themes/seven/css/components/dialog.css b/web/core/themes/seven/css/components/dialog.css
index 6d018208d176db5f8e4575e219f2340216327646..b4c5b1a0d8c7474a7888a87f219f0531dcc5824c 100644 (file)
--- a/web/core/themes/seven/css/components/dialog.css
+++ b/web/core/themes/seven/css/components/dialog.css
@@ -9,6 +9,7 @@
   z-index: 1260;
   padding: 0;
 }
+
 @media all and (max-width: 48em) { /* 768px */
   .ui-dialog {
     min-width: 92%;
@@ -29,18 +30,26 @@
   font-size: 1.231em;
   font-weight: 600;
   margin: 0;
-  color: #ffffff;
+  color: #fff;
   -webkit-font-smoothing: antialiased;
 }
 .ui-dialog .ui-dialog-titlebar-close {
-  border: 0;
+  border: 3px solid #6b6b6b;
+  border-radius: 5px;
   background: none;
-  right: 20px; /* LTR */
-  top: 20px;
+  right: 12px; /* LTR */
+  top: 10px;
   margin: 0;
-  height: 16px;
-  width: 16px;
+  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 {
+  border-color: #fff;
 }
 [dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
   right: auto;
@@ -48,10 +57,10 @@
 }
 .ui-dialog .ui-icon.ui-icon-closethick {
   background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
-  margin-top: -12px;
+  margin-top: -8px;
 }
 .ui-dialog .ui-widget-content.ui-dialog-content {
-  background: #ffffff;
+  background: #fff;
   overflow: auto;
   padding: 1em;
 }