Adjusted looks of confirm delete sections

NatLibFi · Nov 5, 2024 · cbc40dd · cbc40dd
1 parent ba735fc
commit cbc40dd
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 33 deletions.
diff --git a/themes/finna2/less/finna/mylist.less b/themes/finna2/less/finna/mylist.less
@@ -543,22 +543,18 @@ span.caret {
 }
 
 .delete-list-btn-wrapper {
-  &.left .dropdown-menu {
-    left: initial;
-    right: 0;
-  }
-  .dropdown-header {
-    color: inherit;
-    font-size: 14px;
-  }
-}
-
-.dropdown-menu .delete-list-btn-wrapper {
+  position: relative;
   padding: 0 0 4px 4px;
-  .dropdown-menu {
-    border: 1px solid @gray-lighter;
-    border-radius: 4px;
-    top: 100%;
-    position: absolute;
+  .btn-group.open {
+    .dropdown-menu {
+      position: absolute;
+      border-radius: 4px;
+      border: 1px solid @gray-lighter;
+      top: 100%;
+    }
+    .dropdown-header {
+      color: inherit;
+      font-size: 14px;
+    }
   }
 }
diff --git a/themes/finna2/scss/finna/mylist.scss b/themes/finna2/scss/finna/mylist.scss
@@ -543,22 +543,18 @@ span.caret {
 }
 
 .delete-list-btn-wrapper {
-  &.left .dropdown-menu {
-    left: initial;
-    right: 0;
-  }
-  .dropdown-header {
-    color: inherit;
-    font-size: 14px;
-  }
-}
-
-.dropdown-menu .delete-list-btn-wrapper {
+  position: relative;
   padding: 0 0 4px 4px;
-  .dropdown-menu {
-    border: 1px solid $gray-lighter;
-    border-radius: 4px;
-    top: 100%;
-    position: absolute;
+  .btn-group.open {
+    .dropdown-menu {
+      position: absolute;
+      border-radius: 4px;
+      border: 1px solid $gray-lighter;
+      top: 100%;
+    }
+    .dropdown-header {
+      color: inherit;
+      font-size: 14px;
+    }
   }
 }
diff --git a/themes/finna2/templates/reservationlist/displaylists.phtml b/themes/finna2/templates/reservationlist/displaylists.phtml
@@ -26,7 +26,7 @@
             <a href="<?= $this->url('reservationlist-displaylist', ['id' => $list->getId()])?>"><?= $this->escapeHtml($list->getTitle()) ?></a>
           </div>
           <div class="pull-right">
-            <span class="delete-list-btn-wrapper left">
+            <span class="delete-list-btn-wrapper">
               <?=
               $this->component(
                   'confirm-button',
@@ -35,6 +35,7 @@
                       'buttonLabel' => 'delete_list',
                       'confirmLink' => $this->url('reservationlist-deletelist', [], ['query' => ['listID' => $list->getId(), 'confirm' => 1]]),
                       'header' => 'confirm_delete_list_text',
+                      'align' => 'right',
                   ]
               )
               ?>