DDBPRO-37

Deutsche-Digitale-Bibliothek · Feb 12, 2024 · fad88a3 · fad88a3
1 parent a257190
commit fad88a3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/web/themes/custom/ddbp/src/scss/elements/_search-form.scss b/web/themes/custom/ddbp/src/scss/elements/_search-form.scss
@@ -89,9 +89,14 @@
     display: none;
     right: 0;
 
-    i {
+    button {
         color: $color-grey;
         font-weight: font-weight(bold);
+        border: 0;
+        background-color: unset;
+        font-size: 20px;
+        height: 57px;
+        width: 57px;
     }
 }
 

diff --git a/web/themes/custom/ddbp/src/scss/layout/_header.scss b/web/themes/custom/ddbp/src/scss/layout/_header.scss
@@ -72,7 +72,7 @@
         display: flex;
         flex-flow: row nowrap;
 
-        button:not(.search-form__submit) {
+        button:not(.search-form__submit, .fa-xmark) {
             appearance: none;
             border: none;
             margin-left: auto;

diff --git a/web/themes/custom/ddbp/templates/partials/search-form.html.twig b/web/themes/custom/ddbp/templates/partials/search-form.html.twig
@@ -13,7 +13,7 @@
           required
           autocomplete="off">
         <div class="search-form__icon search-form__icon--reset">
-          <i class="fa-solid fa-xmark"></i>
+          <button class="fa-solid fa-xmark"></button>
         </div>
       </div>
       <button class="button button--primary search-form__submit" aria-label="{{ 'Suchen' | t }}">