From: Cyperghost <olaf_schmitz_1@t-online.de>
Date: Tue, 19 Nov 2024 10:49:57 +0000 (+0100)
Subject: Add `.inlineList` support for `.labelSelection`
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=ea21c2639b184dde5f7210dcca2a19c8f7bd49b9;p=GitHub%2FWoltLab%2FWCF.git

Add `.inlineList` support for `.labelSelection`
---

diff --git a/com.woltlab.wcf/templates/shared_badgeColorFormField.tpl b/com.woltlab.wcf/templates/shared_badgeColorFormField.tpl
index 7b5680b85b..688f0d9a70 100644
--- a/com.woltlab.wcf/templates/shared_badgeColorFormField.tpl
+++ b/com.woltlab.wcf/templates/shared_badgeColorFormField.tpl
@@ -1,4 +1,4 @@
-<ul class="labelSelection">
+<ul class="labelSelection{if !$field->getClasses()|empty} {implode from=$field->getClasses() item=class glue=' '}{$class}{/implode}{/if}">
 	{foreach from=$field->getOptions() item=color}
 		<li{if $color == 'custom'} class="custom"{/if}>
 			<label class="labelSelection__label">
diff --git a/wcfsetup/install/files/lib/system/form/builder/field/BadgeColorFormField.class.php b/wcfsetup/install/files/lib/system/form/builder/field/BadgeColorFormField.class.php
index e1a433e8af..9c47ee6bc0 100644
--- a/wcfsetup/install/files/lib/system/form/builder/field/BadgeColorFormField.class.php
+++ b/wcfsetup/install/files/lib/system/form/builder/field/BadgeColorFormField.class.php
@@ -47,6 +47,7 @@ final class BadgeColorFormField extends RadioButtonFormField implements IPattern
     public function __construct()
     {
         $this
+            ->addClass('inlineList')
             ->addFieldClass('labelSelection__radio')
             ->defaultLabelText(WCF::getLanguage()->get('wcf.acp.label.defaultValue'))
             ->options(\array_combine(self::AVAILABLE_CSS_CLASSNAMES, self::AVAILABLE_CSS_CLASSNAMES))
diff --git a/wcfsetup/install/files/style/ui/label.scss b/wcfsetup/install/files/style/ui/label.scss
index 373baa2970..38efebb344 100644
--- a/wcfsetup/install/files/style/ui/label.scss
+++ b/wcfsetup/install/files/style/ui/label.scss
@@ -51,6 +51,10 @@
 	cursor: pointer;
 }
 
+.labelSelection.inlineList > li {
+	flex-basis: 30%;
+}
+
 .labelSelection > li.custom {
 	display: flex;
 }