Merge pull request #103 from ejp-rd-vp/101-Improvements-of-the-Dev-In…

…stanz 101 improvements of the dev instanz
ejp-rd-vp · Apr 5, 2024 · 8120a13 · 8120a13
2 parents c086cf2 + 297d5ee
commit 8120a13
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 21 deletions.
diff --git a/components/DiscoverySourcesTable.vue b/components/DiscoverySourcesTable.vue
@@ -6,7 +6,7 @@
           <v-list-item three-line>
             <v-list-item-content>
               <v-list-item-title class="text-h5 mb-1">
-                <v-tooltip bottom>
+                <v-tooltip v-if="source.queryable" bottom>
                   <template v-slot:activator="{ on, attrs }">
                     <v-icon
                       small
@@ -28,6 +28,23 @@
               height="150px"
             >
               <v-row justify="end">
+                <v-col v-if="source.queryable" class="flex-grow-0">
+                  <v-tooltip bottom>
+                    <template v-slot:activator="{ on, attrs }">
+                      <v-chip
+                        class="mr-3"
+                        color="lightblue"
+                        label
+                        outlined
+                        v-bind="attrs"
+                        v-on="on"
+                      >
+                        VpContentDiscovery
+                      </v-chip>
+                    </template>
+                    <span>The source is queryable via the VP Portal.</span>
+                  </v-tooltip>
+                </v-col>
                 <v-col v-if="source.resourceType.length > 1 || source.resourceType.includes('CATALOG')" class="flex-grow-0">
                   <v-tooltip bottom>
                     <template v-slot:activator="{ on, attrs }">
@@ -103,23 +120,6 @@
                     <span>Biosamples repository</span>
                   </v-tooltip>
                 </v-col>
-                <v-col v-if="source.queryable" class="flex-grow-0">
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ on, attrs }">
-                      <v-chip
-                        class="mr-3"
-                        color="lightblue"
-                        label
-                        outlined
-                        v-bind="attrs"
-                        v-on="on"
-                      >
-                        VpContentDiscovery
-                      </v-chip>
-                    </template>
-                    <span>The source is queryable via the VP Portal.</span>
-                  </v-tooltip>
-                </v-col>
               </v-row>
             </v-list-item-avatar>
           </v-list-item>
@@ -141,7 +141,6 @@ v-avatar {
   margin: 0 10px;
   height: 20px;
 }
-
 .low-opacity-without-hover {
   opacity: 0.9;
   &:hover {

diff --git a/components/Flashcards.vue b/components/Flashcards.vue
@@ -36,7 +36,7 @@ export default {
 
 <template>
   <div class="flashcards-h2">
-    <v-carousel hide-delimiter-background cycle show-arrows-on-hover>
+    <v-carousel hide-delimiters cycle show-arrows-on-hover>
       <v-carousel-item v-for="(item, i) in items" :key="i">
         <div class="flashcard-image-container">
           <v-img :src="item.src" alt="Flashcard" contain class="flashcard-image" />
@@ -59,7 +59,6 @@ export default {
     margin: 0.5rem;
   }
 }
-
 .v-carousel-item {
   width: 100%;
   height: 100%;