EntryForm: Use the new vertical mode of the TermInput

Icinga · Oct 20, 2023 · bbf985b · bbf985b
1 parent 93bca74
commit bbf985b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/application/forms/EntryForm.php b/application/forms/EntryForm.php
@@ -269,6 +269,7 @@ protected function assemble()
 
         $termInput = (new TermInput('recipient'))
             ->setRequired()
+            ->setVerticalTermDirection()
             ->setLabel(t('Recipients'))
             ->setSuggestionUrl($this->suggestionUrl->with(['showCompact' => true, '_disableLayout' => 1]))
             ->on(TermInput::ON_ENRICH, $termValidator)

diff --git a/public/css/form.less b/public/css/form.less
@@ -27,21 +27,16 @@
   }
 
   .term-input-area {
-    .terms {
-      // Prevents a weird rendering issue. Without this, siblings without the .contact or .group class are also
-      // affected by any other sibling that have any of these classes. The effect is that those without are also
-      // positioned, as if they are flex items of those with the classes.
-      display: inline-flex;
-    }
-
     label.contact,
     label.group {
       display: inline-flex;
       align-items: center;
+      position: relative;
 
       &::before {
         z-index: 1;
         width: 2em;
+        position: absolute;
         padding-left: .5em;
         text-align: center;
       }