Merge pull request #1544 from ProcessMaker/bugfix/FOUR-14220

FOUR-14220: The size and color of the dropdown button must be adjusted
ProcessMaker · Feb 27, 2024 · 9bde89c · 9bde89c
2 parents b77ab99 + bd4f586
commit 9bde89c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
@@ -1,4 +1,11 @@
 .btn-platform {
   background-color: #ffff;
   color: #6a7888;
+  padding: 8px 8px 2px 8px;
+}
+.btn-platform:hover {
+  color: #6a7888;
+}
+.page-dropdown-menu {
+  min-width: 333px;
 }
diff --git a/src/components/editor/pagesDropdown.vue b/src/components/editor/pagesDropdown.vue
@@ -3,7 +3,13 @@
     Dropdown component to display options related to pages.
     Provides options to add a new page, see all pages, and select individual pages.
   -->
-  <b-dropdown data-test="page-dropdown" variant="platform" :boundary="boundary">
+  <b-dropdown
+    ref="pageDropdown"
+    data-test="page-dropdown"
+    variant="platform"
+    :boundary="boundary"
+    menu-class="page-dropdown-menu"
+  >
     <!-- Dropdown button content -->
     <template #button-content>
       <!-- Icon representing a file -->