From 4942c1d9f9181c66e23827664d4ee06692582f4e Mon Sep 17 00:00:00 2001
From: Bayo Sodimu <6872903+bayological@users.noreply.github.com>
Date: Tue, 17 Sep 2024 16:29:31 -0500
Subject: [PATCH] fix: mobile dropdown token selection issue (#140)

---
 .github/workflows/check-branch.yml | 21 +++++++++++++++++++++
 .github/workflows/ci.yml           |  4 ++--
 src/components/input/Select.tsx    |  2 +-
 src/styles/globals.css             | 11 +++++++++++
 4 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 .github/workflows/check-branch.yml

diff --git a/.github/workflows/check-branch.yml b/.github/workflows/check-branch.yml
new file mode 100644
index 0000000..69b5dd8
--- /dev/null
+++ b/.github/workflows/check-branch.yml
@@ -0,0 +1,21 @@
+name: Prevent Non-Release/Non-Hotfix PRs to Main
+
+on:
+  pull_request:
+    branches:
+      - main
+  pull_request_target:
+    branches:
+      - main
+
+jobs:
+  check-target-branch:
+    if: github.base_ref == 'main'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check if the source branch is a release branch
+        run: |
+          if [[ "${{ github.head_ref }}" != release/* && "${{ github.head_ref }}" != hotfix/* ]]; then
+            echo "Only release and hotfix branches can be merged into the main branch."
+            exit 1
+          fi
\ No newline at end of file
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 54f2c4c..5d353e4 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -3,9 +3,9 @@ name: ci
 on:
   # Triggers the workflow on push or pull request events but only for the main branch
   push:
-    branches: [main]
+    branches: [main, dev]
   pull_request:
-    branches: [main]
+    branches: [main, dev]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
diff --git a/src/components/input/Select.tsx b/src/components/input/Select.tsx
index b5e5909..25f074e 100644
--- a/src/components/input/Select.tsx
+++ b/src/components/input/Select.tsx
@@ -23,7 +23,7 @@ export function Select({ value, optionValues, onChange, button, option, buttonLa
           leaveFrom="opacity-100"
           leaveTo="opacity-0"
         >
-          <Listbox.Options className="absolute z-20 w-full py-1 mt-1 overflow-auto dark:bg-[#3F3F46] bg-white rounded-[8px] shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none border border-solid border-black">
+          <Listbox.Options className="absolute z-20 w-full py-1 mt-1 overflow-auto dark:bg-[#3F3F46] bg-white rounded-[8px] shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none border border-solid border-black sm:mobile-dropdown dropdown-menu">
             {optionValues.map((optionValue) => (
               <Listbox.Option
                 key={optionValue}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 663b517..d667f0b 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -214,3 +214,14 @@ Toasts
   --toastify-color-progress-warning: var(--toastify-color-warning);
   --toastify-color-progress-error: var(--toastify-color-error);
 }
+
+@media (max-width: 640px) {
+  .dropdown-menu {
+    position: fixed !important;
+    bottom: auto !important;
+    top: auto !important;
+    max-height: 25vh !important;
+    width: 48% !important;
+    z-index: 9999 !important;
+  }
+}