From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 16 Sep 2023 10:15:32 +0000 (+0200)
Subject: Fix the visuals of the style list
X-Git-Tag: 6.0.0_RC_2~47
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=dc21e2b7b97936c5d47699ee2f5dac0afeaf17dc;p=GitHub%2FWoltLab%2FWCF.git

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 99ec4aecb4..112a7c945e 100644
--- 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 132d75fca9..cee894d97d 100644
--- 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 c7b5dff480..a2de5f116d 100644
--- 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;