Added style variable names as subtitle in color list

diff --git a/wcfsetup/install/files/acp/templates/styleVariableColor.tpl b/wcfsetup/install/files/acp/templates/styleVariableColor.tpl
index a6d77fc853d35b53640230bdd0446a00858dd834..272e871dbe0e71185fd1d94f40c1c6e8f5bce9b9 100644 (file)
--- a/wcfsetup/install/files/acp/templates/styleVariableColor.tpl
+++ b/wcfsetup/install/files/acp/templates/styleVariableColor.tpl
@@ -1,5 +1,9 @@
 <figure>
-       <figcaption>{lang}wcf.acp.style.colors.{$languageVariable}{/lang}</figcaption>
-       <div class="colorPreview"><div class="jsColorPicker jsTooltip" title="{$variableName}" style="background-color: {$variables[$variableName]}" data-color="{$variables[$variableName]}" data-store="{$variableName}_value"></div></div>
+       <figcaption>
+               {lang}wcf.acp.style.colors.{$languageVariable}{/lang}
+               <br />
+               <span class="dimmed">@{$variableName}</span>
+       </figcaption>
+       <div class="colorPreview"><div class="jsColorPicker" style="background-color: {$variables[$variableName]}" data-color="{$variables[$variableName]}" data-store="{$variableName}_value"></div></div>
        <input type="hidden" id="{$variableName}_value" name="{$variableName}" value="{$variables[$variableName]}" /> 
 </figure>
\ No newline at end of file

diff --git a/wcfsetup/install/files/style/styleEditor.less b/wcfsetup/install/files/style/styleEditor.less
index bbfc0abf0f78a491c68755f669d5b5665ef55efd..d38dc9038f0017f182e5ac16a04df1954eaada9f 100644 (file)
--- a/wcfsetup/install/files/style/styleEditor.less
+++ b/wcfsetup/install/files/style/styleEditor.less
@@ -13,7 +13,7 @@
                cursor: pointer;
                display: block;
                height: 60px;
-               width: 160px;
+               width: 180px;
        }
 }