Fix service alert close button

vrk-kpa · Jan 28, 2025 · 69b183b · 69b183b
1 parent 4ca535f
commit 69b183b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/ckanext/ckanext-apicatalog/ckanext/apicatalog/templates/snippets/service_alerts.html b/ckanext/ckanext-apicatalog/ckanext/apicatalog/templates/snippets/service_alerts.html
@@ -4,7 +4,7 @@
       <div class="container">
           <i class="fal fa-exclamation-circle fa-lg"></i>
           <span class="service-alert-message">{{ service_alert['message'] }}</span>
-          <button type="button" class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">{{ _('Close') }}<i class="fal fa-times"></i></button>
+          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{{ _('Close') }}">{{ _('Close') }}<i class="fal fa-times"></i></button>
       </div>
   </div>
   {% endfor %}

diff --git a/ckanext/ckanext-apicatalog/scss/forms.scss b/ckanext/ckanext-apicatalog/scss/forms.scss
@@ -289,12 +289,15 @@ textarea {
     font-family: $headings-font-family;
   }
 
-  button.close {
+  button.btn-close {
     font-size: 16px;
     color: $suomifi-text-base;
     opacity: 1;
     line-height: 30px;
     margin-right: 20px;
+    background: none;
+    width: auto;
+    padding-top: 0;
 
     i.far,
     i.fas,