ensure overlays show on top of relative+absolute positioning like green pluses

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

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;

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;
 }
 

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;

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;

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;

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;

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;

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;

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;

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;

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;

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>