Fix the visuals of the style list

See https://www.woltlab.com/community/thread/301624-stil-liste-im-acp-layoutfehler-rc1/

diff --git a/com.woltlab.wcf/templates/styleChooser.tpl b/com.woltlab.wcf/templates/styleChooser.tpl
index 99ec4aecb4238643c5cd0b8da473dccf40cd5ea7..112a7c945edbd95da36eb4a75a37127586780711 100644 (file)
--- a/com.woltlab.wcf/templates/styleChooser.tpl
+++ b/com.woltlab.wcf/templates/styleChooser.tpl
@@ -1,8 +1,8 @@
 <ol class="containerList styleList{if $styleList|count > 4} doubleColumned{/if}">
        {foreach from=$styleList item=style}
                <li data-style-id="{@$style->styleID}">
-                       <div class="box64">
-                               <span>
+                       <div class="box128">
+                               <span class="styleListPreviewImage">
                                        <img src="{@$style->getPreviewImage()}" srcset="{@$style->getPreviewImage2x()} 2x" height="64" alt="">
                                </span>
                                <div class="details">

diff --git a/wcfsetup/install/files/acp/templates/styleList.tpl b/wcfsetup/install/files/acp/templates/styleList.tpl
index 132d75fca928c54f45120bbfcca64c90655150e2..cee894d97df268ad8a28205d500576b025178611 100644 (file)
--- a/wcfsetup/install/files/acp/templates/styleList.tpl
+++ b/wcfsetup/install/files/acp/templates/styleList.tpl
@@ -42,8 +42,8 @@
        <ol class="containerList styleList jsObjectActionContainer" data-object-action-class-name="wcf\data\style\StyleAction">
                {foreach from=$objects item=style}
                        <li class="jsObjectActionObject" data-object-id="{@$style->getObjectID()}">
-                               <div class="box64">
-                                       <span>
+                               <div class="box128">
+                                       <span class="styleListPreviewImage">
                                                <img src="{@$style->getPreviewImage()}" srcset="{@$style->getPreviewImage2x()} 2x" height="64" alt="">
                                        </span>
                                        <div class="details">

diff --git a/wcfsetup/install/files/style/layout/containerList.scss b/wcfsetup/install/files/style/layout/containerList.scss
index c7b5dff480870776f4239dab18f5bf335f0009f8..a2de5f116df63f09e99d1e04aeec0a3941ab1022 100644 (file)
--- a/wcfsetup/install/files/style/layout/containerList.scss
+++ b/wcfsetup/install/files/style/layout/containerList.scss
@@ -396,6 +396,10 @@
        }
 }
 
+.styleListPreviewImage {
+       text-align: center;
+}
+
 @include screen-md-down {
        .styleList > li {
                padding: 10px;