Definition-lists & installation optimizations
authorLuzifr <szekely@woltlab.com>
Tue, 15 Nov 2011 18:02:40 +0000 (19:02 +0100)
committerLuzifr <szekely@woltlab.com>
Tue, 15 Nov 2011 18:02:40 +0000 (19:02 +0100)
wcfsetup/install/files/acp/style/style.css
wcfsetup/install/files/lib/system/form/element/LabelFormElement.class.php
wcfsetup/install/files/lib/system/form/element/PasswordInputFormElement.class.php
wcfsetup/install/files/lib/system/form/element/TextInputFormElement.class.php

index 7469a6e9b7567ad5a34ab43b623f6566ac6bb48f..9f48b8b365428e8ba441438ddabda37ef280c8be 100644 (file)
@@ -990,7 +990,7 @@ li > .badgeButton {
        margin-top: 30px;
 }
 
-.overlay .mainHeading:not(:first-of-type) {
+.ui-dialog .mainHeading {
        margin-top: 0;
 }
 
@@ -2653,7 +2653,8 @@ div#packageInstallationInnerContentContainer {
 }
 
 div#packageInstallationInnerContentContainer fieldset {
-       border-color: #000;
+       border-color: #666;
+       background-color: rgba(0, 0, 0, .1);
 }
 
 div#packageInstallationInnerContent p.error {
@@ -2769,6 +2770,8 @@ div#ajaxExceptionStacktrace {
        
 }
 
+/* Dialog Titlebar */
+
 .ui-dialog-titlebar {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
@@ -2810,13 +2813,22 @@ a.ui-dialog-titlebar-close span {
        width: 0;
 }
 
+/* Dialog Content */
+
 .ui-dialog-content {
-       border-bottom-left-radius: 7px;
-       border-bottom-right-radius: 7px;
        background-color: #333;
        padding-top: 7px;
 }
 
+.ui-dialog-titlebar ~ .ui-dialog-content {
+       border-bottom-left-radius: 7px;
+       border-bottom-right-radius: 7px;
+}
+
+.ui-dialog > .ui-dialog-content {
+       border-radius: 7px;
+}
+
 
 
 div.ui-widget-overlay {
index 802dfa185b287dc84a89ab6b78b092df83cd92de..aeb095137c9b06ffba0a71e5eb62dbb31204f045 100644 (file)
@@ -42,17 +42,13 @@ class LabelFormElement extends AbstractFormElement {
         */
        public function getHTML($formName) {
                return <<<HTML
-<div class="formElement">
-       <div class="formFieldLabel">
-               <label>{$this->getLabel()}</label>
-       </div>
-       <div class="formField">
+<dl>
+       <dt><label>{$this->getLabel()}</label></dt>
+       <dd>
                {$this->getText()}
-       </div>
-       <div class="formFieldDesc">
-               <p>{$this->getDescription()}</p>
-       </div>
-</div>
+               <small>{$this->getDescription()}</small>
+       </dd>
+</dl>
 HTML;
        }
 }
index e1e36395f755d204334403af8a2688e6d2e304e8..4c6ba3e3396334564dfad14c787df18b90eb64ad 100644 (file)
@@ -18,17 +18,13 @@ class PasswordInputFormElement extends AbstractNamedFormElement {
         */
        public function getHTML($formName) {
                return <<<HTML
-<div class="formElement">
-       <div class="formFieldLabel">
-               <label for="{$this->getName()}">{$this->getLabel()}</label>
-       </div>
-       <div class="formField">
-               <input type="password" name="{$formName}{$this->getName()}" id="{$this->getName()}" value="{$this->getValue()}" />
-       </div>
-       <div class="formFieldDesc">
-               <p>{$this->getDescription()}</p>
-       </div>
-</div>
+<dl>
+       <dt><label for="{$this->getName()}">{$this->getLabel()}</label></dt>
+       <dd>
+               <input type="password" id="{$this->getName()}" name="{$formName}{$this->getName()}" value="{$this->getValue()}" class="medium" />
+               <small>{$this->getDescription()}</small>
+       </dd>
+</dl>
 HTML;
        }
 }
index 01e0bdd25a58005b679554c20ba37c0c7ea7664a..20d32088a03867b6700f0c26508087b264100d88 100644 (file)
@@ -18,17 +18,13 @@ class TextInputFormElement extends AbstractNamedFormElement {
         */
        public function getHTML($formName) {
                return <<<HTML
-<div class="formElement">
-       <div class="formFieldLabel">
-               <label for="{$this->getName()}">{$this->getLabel()}</label>
-       </div>
-       <div class="formField">
-               <input type="text" name="{$formName}{$this->getName()}" id="{$this->getName()}" value="{$this->getValue()}" />
-       </div>
-       <div class="formFieldDesc">
-               <p>{$this->getDescription()}</p>
-       </div>
-</div>
+<dl>
+       <dt><label for="{$this->getName()}">{$this->getLabel()}</label></dt>
+       <dd>
+               <input type="text" id="{$this->getName()}" name="{$formName}{$this->getName()}" value="{$this->getValue()}" class="long" />
+               <small>{$this->getDescription()}</small>
+       </dd>
+</dl>
 HTML;
        }
 }