Extracted dialog style to a separate block (#11734)

Change-Id: I3f57188cde30122b56bb6f8cea435cd4c56b58e2

diff --git a/WebContent/VAADIN/themes/runo/window/window.scss b/WebContent/VAADIN/themes/runo/window/window.scss
index d2048e027e0f25e5ca270c25b48375bd388c8d45..302cb698771183e761edeafe82276da1b167e650 100644 (file)
--- a/WebContent/VAADIN/themes/runo/window/window.scss
+++ b/WebContent/VAADIN/themes/runo/window/window.scss
@@ -99,30 +99,32 @@
 /* Dialog style */
 .#{$primaryStyleName}-dialog {
        background-image: url(img/dialog/bottom-left.png);
+
+       .#{$primaryStyleName}-outerheader {
+               height: 32px;
+               padding: 13px 30px 5px 8px;
+               background: transparent url(img/top-right.png) no-repeat right top;
+       }
+       .#{$primaryStyleName}-header {
+               font-size: 12px;
+               line-height: normal;
+               font-weight: bold;
+               letter-spacing: 0;
+               text-shadow: 0 1px 0 #fff;
+       }
+       .#{$primaryStyleName}-contents > div {
+               background: #f1f3f3;
+       }
+       div.#{$primaryStyleName}-footer {
+               background-image: url(img/dialog/bottom-right.png);
+       }
+       .#{$primaryStyleName}-closebox {
+               top: 14px;
+               right: 16px;
+               background-image: url(img/dialog/close.png);
+       }
 }
-.#{$primaryStyleName}-dialog .#{$primaryStyleName}-outerheader {
-       height: 32px;
-       padding: 13px 30px 5px 8px;
-       background: transparent url(img/top-right.png) no-repeat right top;
-}
-.#{$primaryStyleName}-dialog .#{$primaryStyleName}-header {
-       font-size: 12px;
-       line-height: normal;
-       font-weight: bold;
-       letter-spacing: 0;
-       text-shadow: 0 1px 0 #fff;
-}
-.#{$primaryStyleName}-dialog .#{$primaryStyleName}-contents > div {
-       background: #f1f3f3;
-}
-.#{$primaryStyleName}-dialog div.#{$primaryStyleName}-footer {
-       background-image: url(img/dialog/bottom-right.png);
-}
-.#{$primaryStyleName}-dialog .#{$primaryStyleName}-closebox {
-       top: 14px;
-       right: 16px;
-       background-image: url(img/dialog/close.png);
-}
+
 /* Shadow for window */
 .v-shadow-window .top-left {
     top: -13px;             left: -20px;