Minor design tweaks for dialogs
authorMarcel Werk <burntime@woltlab.com>
Tue, 8 Mar 2016 18:29:28 +0000 (19:29 +0100)
committerMarcel Werk <burntime@woltlab.com>
Tue, 8 Mar 2016 18:29:34 +0000 (19:29 +0100)
wcfsetup/install/files/js/WoltLab/WCF/Ui/Dialog.js
wcfsetup/install/files/style/layout/global.scss
wcfsetup/install/files/style/ui/dialog.scss

index f5a652cf19953219a4f9d5fe76e73b684056c00b..d074b15d25acb52b75de33fba3319a47a43d6930 100644 (file)
@@ -280,7 +280,7 @@ define(
                                header.appendChild(closeButton);
                                
                                var span = elCreate('span');
-                               span.textContent = options.closeButtonLabel;
+                               span.className = 'icon icon24 fa-times';
                                closeButton.appendChild(span);
                        }
                        
index d8a3a878a818fe0a044e25b73d4d176ab39ac845..ae9bb1aa55916f4da56a66c0851842b8c16ee34e 100644 (file)
@@ -67,7 +67,7 @@
 
 .wcfFontHeadline {
        font-size: $wcfFontSizeHeadline;
-       font-weight: 300;
+       font-weight: 400;
 }
 
 .wcfFontSection {
index 0a4516e997e9ac4cd8d81cd0259352e181abd451..a45170da7e136499db542a9b8edec181233bddef 100644 (file)
                        @extend .wcfFontHeadline;
                }
                
-               > a {
-                       color: $wcfHeaderLink;
-                       flex: 0 0 20px;
-                       font-family: FontAwesome;
-                       font-size: 18px;
-                       text-align: right;
-                       text-decoration: none;
-                       
-                       &::before {
-                               content: $fa-var-times;
-                       }
-                       
-                       &:hover {
+               > .dialogCloseButton {
+                       align-self: center;
+                       flex: 0 0 auto;
+                                               
+                       &:hover > .icon {
                                color: $wcfHeaderLinkActive;
                        }
                        
-                       > span {
-                               display: none;
+                       > .icon {
+                               color: $wcfHeaderLink;
                        }
                }
        }
                        right: 0;
                }
                
+               .section {
+                       margin-top: 30px;
+                       
+                       .sectionTitle {
+                               @extend .wcfFontHeadline;
+                       }
+               }
+               
                > div {
                        > .section:first-child,
                        > fieldset:first-child {
                                margin-top: 0;
                        }
+                       
+                       > div {
+                               > .section:first-child,
+                               > fieldset:first-child {
+                                       margin-top: 0;
+                               }
+                       }
                }
        }
 }