From 5effb76cf58bf785745ce2265216138dbef2ecde Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 30 Nov 2024 15:30:17 -0700
Subject: [PATCH] ensure overlays show on top of relative+absolute positioning
 like green pluses

---
 CHANGELOG.md                         | 3 ++-
 src/components/ContactNameDialog.vue | 1 +
 src/components/FeedFilters.vue       | 3 ++-
 src/components/GiftedDialog.vue      | 1 +
 src/components/GiftedPrompts.vue     | 1 +
 src/components/ImageMethodDialog.vue | 1 +
 src/components/InviteDialog.vue      | 1 +
 src/components/OfferDialog.vue       | 1 +
 src/components/OnboardingDialog.vue  | 1 +
 src/components/PhotoDialog.vue       | 1 +
 src/components/UserNameDialog.vue    | 1 +
 src/views/DIDView.vue                | 1 +
 src/views/HomeView.vue               | 2 +-
 13 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8f5de4c..c7b169d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 ### Added
 - Record a give from a project on the project page.
-- Make unavailable and explain why on confirmation buttons on the project page gives.
+- New button on home page opens the gifted dialog.
+- On confirmation buttons on the project page gives, mark when unavailable and explain why.
 
 
 ## [0.3.36] - 2024.11.24 - c8d23647d165016f8a8f575e13d32583242e53ac
diff --git a/src/components/ContactNameDialog.vue b/src/components/ContactNameDialog.vue
index 459e175..123a083 100644
--- a/src/components/ContactNameDialog.vue
+++ b/src/components/ContactNameDialog.vue
@@ -77,6 +77,7 @@ export default class ContactNameDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/FeedFilters.vue b/src/components/FeedFilters.vue
index 84e4856..fa146fd 100644
--- a/src/components/FeedFilters.vue
+++ b/src/components/FeedFilters.vue
@@ -191,6 +191,7 @@ export default class FeedFilters extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
@@ -204,7 +205,7 @@ export default class FeedFilters extends Vue {
 }
 
 #dialogFeedFilters.dialog-overlay {
-  z-index: 99999;
+  z-index: 100;
   overflow: scroll;
 }
 
diff --git a/src/components/GiftedDialog.vue b/src/components/GiftedDialog.vue
index 4000c82..2fe0ee4 100644
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -391,6 +391,7 @@ export default class GiftedDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/GiftedPrompts.vue b/src/components/GiftedPrompts.vue
index 626df71..b53aa0c 100644
--- a/src/components/GiftedPrompts.vue
+++ b/src/components/GiftedPrompts.vue
@@ -238,6 +238,7 @@ export default class GivenPrompts extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/ImageMethodDialog.vue b/src/components/ImageMethodDialog.vue
index a27e047..3cd857c 100644
--- a/src/components/ImageMethodDialog.vue
+++ b/src/components/ImageMethodDialog.vue
@@ -155,6 +155,7 @@ export default class ImageMethodDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/InviteDialog.vue b/src/components/InviteDialog.vue
index b2bca57..2f66834 100644
--- a/src/components/InviteDialog.vue
+++ b/src/components/InviteDialog.vue
@@ -96,6 +96,7 @@ export default class InviteDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/OfferDialog.vue b/src/components/OfferDialog.vue
index e0c232b..4d54d0c 100644
--- a/src/components/OfferDialog.vue
+++ b/src/components/OfferDialog.vue
@@ -314,6 +314,7 @@ export default class OfferDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/OnboardingDialog.vue b/src/components/OnboardingDialog.vue
index 0d950bd..c97b5b3 100644
--- a/src/components/OnboardingDialog.vue
+++ b/src/components/OnboardingDialog.vue
@@ -263,6 +263,7 @@ export default class OnboardingDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 40;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/PhotoDialog.vue b/src/components/PhotoDialog.vue
index a83890b..8784d21 100644
--- a/src/components/PhotoDialog.vue
+++ b/src/components/PhotoDialog.vue
@@ -409,6 +409,7 @@ export default class PhotoDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 60;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/UserNameDialog.vue b/src/components/UserNameDialog.vue
index e7addba..f3a886d 100644
--- a/src/components/UserNameDialog.vue
+++ b/src/components/UserNameDialog.vue
@@ -76,6 +76,7 @@ export default class UserNameDialog extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/views/DIDView.vue b/src/views/DIDView.vue
index f53d5cd..fb41402 100644
--- a/src/views/DIDView.vue
+++ b/src/views/DIDView.vue
@@ -732,6 +732,7 @@ export default class DIDView extends Vue {
 
 <style>
 .dialog-overlay {
+  z-index: 50;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6e9fe74..a43cc01 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -180,7 +180,7 @@
         class="absolute right-6 bottom-0 transform translate-y-1/2 text-center text-4xl leading-none bg-green-600 text-white w-14 py-2.5 rounded-full"
         @click="openDialog()"
       >
-        <fa icon="plus" class="fa-fw"></fa>
+        <fa icon="plus" class="fa-fw" />
       </button>
     </div>