Refactor condition class names for consistency and clarity

Author: Cyperghost

ts/WoltLabSuite/Core/Form/Builder/Container/ConditionFormField.ts

@@ -36,10 +36,10 @@ export class ConditionFormField {
       }),
     );
 
-    wheneverFirstSeen(`#${containerId}Container .condition-container`, (container: HTMLElement) => {
+    wheneverFirstSeen(`#${containerId}Container .condition__container`, (container: HTMLElement) => {
       const deleteButton = document.createElement("button");
       deleteButton.type = "button";
-      deleteButton.classList.add("button", "small", "jsTooltip", "condition-button-remove");
+      deleteButton.classList.add("button", "small", "jsTooltip", "condition__remove");
       deleteButton.title = getPhrase("wcf.global.button.delete");
       const icon = document.createElement("fa-icon");
       icon.setIcon("times");

wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Container/ConditionFormField.js

@@ -60,7 +60,7 @@ final public function getConditionFormField(string $containerId, string $identif
 
         return FormContainer::create("{$id}_container")
             ->removeClass("section")
-            ->addClass("condition-container")
+            ->addClass("condition__container")
             ->attribute("data-container-id", $containerId)
             ->attribute("data-condition-type", $identifier)
             ->attribute("data-condition-index", (string)$index)

wcfsetup/install/files/lib/system/condition/provider/AbstractConditionProvider.class.php

@@ -1,13 +1,13 @@
-.condition-container {
+.condition__container {
 	display: flex;
 	flex-direction: row;
 }
 
-.condition-button-remove {
+.condition__remove {
 	flex: 0 30px;
 }
 
-.condition-container > dl {
+.condition__container > dl {
 	flex: 1;
 	display: flex;
 	flex-direction: row;