Polishing TIC: Suche

Closes #4933

Merge request studip/studip!3720

5 files changed, 28 insertions, 19 deletions

diff --git a/app/controllers/help_content.php b/app/controllers/help_content.php
index e794a2e..3f76766 100644
--- a/app/controllers/help_content.php
+++ b/app/controllers/help_content.php
@@ -294,7 +294,7 @@ class HelpContentController extends AuthenticatedController
             );
             $sidebar->addWidget($widget);
             $search = new SearchWidget('?apply_help_content_filter=1');
-            $search->addNeedle(_('Suchbegriff'), 'help_content_searchterm');
+            $search->addNeedle(_('Suchbegriff'), 'help_content_searchterm', true,);
             $sidebar->addWidget($search);
         }
     }
diff --git a/app/views/course/wizard/steps/studyareas/index.php b/app/views/course/wizard/steps/studyareas/index.php
index d4c1c0a..4df5602 100644
--- a/app/views/course/wizard/steps/studyareas/index.php
+++ b/app/views/course/wizard/steps/studyareas/index.php
@@ -26,14 +26,14 @@
          data-forward-url="<?= $no_js_url ?>"
          data-no-search-result="<?= _('Es wurde kein Suchergebnis gefunden.') ?>">
         <h2><?= _('Alle Studienbereiche') ?></h2>
-        <div>
+        <div id="sem-tree-search-wrapper">
             <input style="width:auto" type="text" size="40" name="search" id="sem-tree-search">
-            <span id="sem-tree-search-start">
+            <div id="sem-tree-search-start">
                 <?= Icon::create('search')->asInput([
                     'name'    => 'start_search',
                     'onclick' => 'return STUDIP.CourseWizard.searchTree()',
                 ]) ?>
-            </span>
+            </div>
         </div>
         <div id="sem-tree-assign-all" class="hidden-js hidden-no-js">
             <a href="" onclick="return STUDIP.CourseWizard.assignAllNodes()">
diff --git a/app/views/multipersonsearch/js_form.php b/app/views/multipersonsearch/js_form.php
index 1862c84..c37f1fd 100644
--- a/app/views/multipersonsearch/js_form.php
+++ b/app/views/multipersonsearch/js_form.php
@@ -8,14 +8,15 @@
 
         <label class="with-action">
             <span><?= htmlReady($description); ?></span>
-            <input id="<?= $name . '_searchinput'; ?>" type="text" placeholder="<?= _("Suchen"); ?>" value="" name="<?= $name . '_searchinput'; ?>" style="width: 260px;" aria-label="<?= _("Suchen"); ?>">
-
-            <button class="icon-button enter-accessible" onclick='STUDIP.MultiPersonSearch.search();return false' title="<?= _('Suche starten') ?>">
-                <?= Icon::create('search')->asImg(['class' => 'text-bottom']) ?>
-            </button>
-            <button class="icon-button enter-accessible" onclick='STUDIP.MultiPersonSearch.resetSearch(); return false' title="<?= _('Suche zurücksetzen') ?>">
-                <?= Icon::create('decline')->asImg(['class' => 'text-bottom']) ?>
-            </button>
+            <div class="search-wrapper">
+                <input id="<?= $name . '_searchinput'; ?>" type="text" placeholder="<?= _("Suchen"); ?>" value="" name="<?= $name . '_searchinput'; ?>" aria-label="<?= _("Suchen"); ?>" spellcheck="false">
+                <button id="<?= $name . '_resetsearch'; ?>" class="icon-button enter-accessible reset-search" onclick='STUDIP.MultiPersonSearch.resetSearch(); return false' title="<?= _('Suche zurücksetzen') ?>">
+                    <?= Icon::create('decline')->asImg(['class' => 'text-bottom']) ?>
+                </button>
+                <button class="icon-button enter-accessible search" onclick='STUDIP.MultiPersonSearch.search();return false' title="<?= _('Suche starten') ?>">
+                    <?= Icon::create('search')->asImg(['class' => 'text-bottom']) ?>
+                </button>
+            </div>
         </label>
         <p><? foreach($quickfilter as $title => $users) : ?>
             <a href="#" class="quickfilter" data-quickfilter="<?= md5($title); ?>"><?= htmlReady($title); ?> (<?= count($users); ?>)</a>
diff --git a/app/views/oer/market/_searchform.php b/app/views/oer/market/_searchform.php
index 7a41c6a..bad34f6 100644
--- a/app/views/oer/market/_searchform.php
+++ b/app/views/oer/market/_searchform.php
@@ -108,7 +108,7 @@
             </div>
 
 
-            <button title="<?= _('Suche starten') ?>" @click.prevent="search" @focus="hideFilterPanel">
+            <button class="button-search" title="<?= _('Suche starten') ?>" @click.prevent="search" @focus="hideFilterPanel">
                 <studip-icon shape="search" role="clickable"></studip-icon>
             </button>
         </div>
diff --git a/app/views/shared/filter.php b/app/views/shared/filter.php
index d9df9a2..5869859 100644
--- a/app/views/shared/filter.php
+++ b/app/views/shared/filter.php
@@ -18,13 +18,21 @@
     </a>
 </div>
 <? endif; ?>
-<form class="default" id="index_filter" action="<?= $action ?>" method="post">
+<form class="default sidebar-search" id="index_filter" action="<?= $action ?>" method="post">
     <? if (!empty($name_search)) : ?>
-        <label class="mvv-name-search">
-            <?= $name_caption ?: _('Name') ?>
-            <input type="text" name="name_filter" value="<?= htmlReady($selected_name) ?>">
-            <input type="submit" value="<?= _('Suchen') ?>">
-        </label>
+        <ul class="needles">
+            <li>
+                <div class="input-group files-search">
+                    <label for="mvv-name-search" class="sr-only">
+                        <?= $name_caption ?: _('Name') ?>
+                    </label>
+                    <input id="mvv-name-search" type="text" name="name_filter" value="<?= htmlReady($selected_name) ?>">
+                    <button type="submit" class="submit-search" title="<?= _('Suchen') ?>">
+                        <?= Icon::create('search') ?>
+                    </button>
+                </div>
+            </li>
+        </ul>
     <? endif ?>
     <? if (!empty($semester)) : ?>
     <label>