tooltip, quickmenu css fix

weDevsOfficial · Aug 27, 2024 · a554e74 · a554e74
1 parent e214556
commit a554e74
Show file tree

Hide file tree

Showing 6 changed files with 164 additions and 155 deletions.
diff --git a/assets/css/admin/subscriptions.min.css b/assets/css/admin/subscriptions.min.css
diff --git a/assets/js/components/subscriptions/Popup.vue b/assets/js/components/subscriptions/Popup.vue
@@ -33,7 +33,7 @@ const emitAction = () => {
 
 </script>
 <template>
-    <div class="wpuf-relative wpuf-z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+    <div class="wpuf-fixed wpuf-z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
         <div class="wpuf-fixed wpuf-inset-0 wpuf-bg-gray-500 wpuf-bg-opacity-75 wpuf-transition-opacity"></div>
         <div class="wpuf-fixed wpuf-inset-0 wpuf-z-10 wpuf-w-screen wpuf-overflow-y-auto">
             <div class="wpuf-flex wpuf-min-h-full wpuf-justify-center wpuf-text-center wpuf-items-center wpuf-p-0">

diff --git a/assets/js/components/subscriptions/SectionInputField.vue b/assets/js/components/subscriptions/SectionInputField.vue
@@ -221,7 +221,7 @@ onMounted(() => {
             <label :for="field.name" v-html="field.label"></label>
             <span
                 v-if="field.tooltip"
-                class="wpuf-tooltip wpuf-cursor-pointer wpuf-ml-2 wpuf-z-10"
+                class="wpuf-tooltip before:wpuf-bg-gray-700 before:wpuf-text-zinc-50 after:wpuf-border-t-gray-700 after:wpuf-border-x-transparent wpuf-cursor-pointer wpuf-ml-2 wpuf-z-10"
                  :data-tip="field.tooltip">
                 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none">
                     <path d="M9.833 12.333H9V9h-.833M9 5.667h.008M16.5 9a7.5 7.5 0 1 1-15 0 7.5 7.5 0 1 1 15 0z"

diff --git a/assets/js/components/subscriptions/SubscriptionBox.vue b/assets/js/components/subscriptions/SubscriptionBox.vue
@@ -209,8 +209,9 @@ const isPasswordProtected = computed( () => {
     <div v-if="showBox"
          class="wpuf-text-base wpuf-justify-between wpuf-bg-white wpuf-border wpuf-border-gray-200 wpuf-rounded-xl wpuf-shadow wpuf-relative">
         <div
-            @click="componentStore.setCurrentComponent( 'Edit' ); subscriptionStore.setCurrentSubscription(subscription)"
-            class="wpuf-flex wpuf-justify-between wpuf-border-b border-gray-900/5 wpuf-bg-gray-50 wpuf-p-6 wpuf-rounded-t-xl hover:wpuf-cursor-pointer">
+            @click="subscription.post_status !== 'trash' ? [ componentStore.setCurrentComponent( 'Edit' ), subscriptionStore.setCurrentSubscription(subscription) ] : ''"
+            :class="subscription.post_status !== 'trash' ? 'wpuf-cursor-pointer' : ''"
+            class="wpuf-flex wpuf-justify-between wpuf-border-b border-gray-900/5 wpuf-bg-gray-50 wpuf-p-6 wpuf-rounded-t-xl">
             <div>
                 <div class="wpuf-flex wpuf-py-1 wpuf-text-gray-900 wpuf-m-0 wpuf-font-medium"
                      :title="'id: ' + subscription.ID">
@@ -241,7 +242,7 @@ const isPasswordProtected = computed( () => {
             </svg>
             <div
                 v-if="quickMenuStatus"
-                class="wpuf-w-max wpuf--left-20 wpuf-absolute wpuf-rounded-xl wpuf-bg-white wpuf-shadow-lg wpuf-ring-1 wpuf-ring-gray-900/5 wpuf-overflow-hidden">
+                class="wpuf-w-max wpuf--left-20 wpuf-absolute wpuf-rounded-xl wpuf-bg-white wpuf-shadow-lg wpuf-ring-1 wpuf-ring-gray-900/5 wpuf-overflow-hidden wpuf-z-10">
                 <ul v-if="subscription.post_status !== 'trash'">
                     <li @click="componentStore.setCurrentComponent( 'Edit' ); subscriptionStore.setCurrentSubscription(subscription)"
                         class="wpuf-px-4 wpuf-py-2 wpuf-mb-0 hover:wpuf-bg-gray-100 hover:wpuf-cursor-pointer">