Merge branch 'master' into xalan_libxml_issue#283

Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue

@@ -7,8 +7,6 @@ const props = defineProps({
     tool:{type: String, required:true}
 })
 
-const activeIndex = ref<number | null>(null)
-
 function toggleTooltips() {
     isEntryHidden.value = !isEntryHidden.value;
 }
@@ -22,15 +20,7 @@ function entryHasArguments() {
 }
 
 function entryHasExamples() {
-    if("examples" in props.entryData){
+    return props.entryData.examples.length > 0;
-      return props.entryData.examples.length > 0;
-    }
-}
-
-function entryHasXsltExamples() {
-    if("xsltExamples" in props.entryData){
-      return props.entryData.xsltExamples.length > 0;
-    }
 }
 
 function interpretXPathIndicators( elementType:string ):string {
@@ -57,7 +47,7 @@ function interpretXPathIndicators( elementType:string ):string {
 
 <template>
     <div class="flex p-1 flex-col rounded-xl border border-slate-400 dark:border-slate-400">
-        <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100 hover:font-bold overflow-auto" @click="toggleTooltips()">{{ props.entryData.name }}</button>
+        <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100 hover:font-bold" @click="toggleTooltips()">{{ props.entryData.name }}</button>
         <div id="content" :class="{'hidden' : isEntryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <h4 class="text-xl mb-2 font-bold text-justify">Description</h4>
             <span class="text-justify">
@@ -65,29 +55,6 @@ function interpretXPathIndicators( elementType:string ):string {
                     {{ props.entryData.description }}
                 </p>
             </span>
-
-            <br/><h4 class="text-xl mb-2 font-bold text-justify">Examples:</h4>
-            <table v-if="entryHasXsltExamples()" class="w-full border">
-                <tr>
-                  <th class="font-normal">Use of {{ props.entryData.name }} example:</th>
-                </tr>
-                <tr v-for="(ex, index) in props.entryData.xsltExamples" :key="index">
-                    <td
-                        class="relative font-bold cursor-pointer bg-white p-4 border hover-effect"
-                        @mouseenter="activeIndex = index"
-                        @mouseleave="activeIndex = null"
-                    >
-                        <code>{{ ex.xslt }}</code>
-                      <transition name="fade">
-                        <div v-if="activeIndex === index" class="popup">
-                          <code>{{ ex.xslt }}</code>
-                        </div>
-                      </transition>
-                    </td>
-                </tr>
-            </table>
-            <br><span class="font-bold flex justify-center items-center w-full h-full">Hover over the text to enlarge!</span>
-
             <div id="xpathArgTooltip" v-if="tool == 'xpath'"> 
                 <h4 class="text-xl mt-4 mb-2 font-bold">Args and Output</h4>
             <table v-if="entryHasArguments()" class="w-full">

Frontend/src/style.css

@@ -47,32 +47,3 @@
 .disabled-tab {
     @apply py-2 px-3 h-fit text-slate-400 border-t border-l border-r border-slate-300 rounded-t-2xl bg-gradient-to-r from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-800 pointer-events-none opacity-50;
 }
-
-.hover-effect {
-    @apply border-black bg-blue-50;
-    font-size: 10px;
-}
-
-.hover-effect:hover {
-    @apply bg-blue-200;
-}
-
-.popup {
-    @apply fixed top-1/2 left-1/2 bg-blue-400 text-white p-5 rounded-lg shadow-lg text-sm;
-    transform: translate(-30%, -35%) scale(1.3) translate3d(-30%, 0px, 0px);
-    z-index: 1000;
-    white-space: pre-wrap;
-}
-
-.fade-enter-active {
-    @apply duration-500 opacity-100;
-}
-
-.fade-leave-active {
-    animation: fadeOut 0.5s ease-in-out 800ms forwards;
-}
-
-@keyframes fadeOut {
-    0% { opacity: 1; }
-    100% { opacity: 0; }
-}