glib-web 2.6.3 → 2.6.4

package/components/image.vue

@@ -57,23 +57,15 @@ export default {
       let width, height;
       const aspectRatio = image.naturalWidth / image.naturalHeight;
 
-      console.log("FIT1");
-
       if (this.spec.width == "matchParent") {
-        console.log("FIT2");
-
         width = "100%";
         // This breaks the image height when displayed in a badge.
         // height = `${100 / aspectRatio}%`;
       } else {
         if (this.spec.width) {
-          console.log("FIT3");
-
           width = `${this.spec.width}px`;
           height = `${this.spec.width / aspectRatio}px`;
         } else if (this.spec.height) {
-          console.log("FIT4", this.spec.height);
-
           width = `${this.spec.height * aspectRatio}px`;
           height = `${this.spec.height}px`;
         }

package/components/panels/custom.vue

@@ -58,6 +58,7 @@ export default {
     $ready() {
       const onClick = this.spec.onClick ? { onClick: this.spec.onClick } : {};
       this.customData = Object.assign(onClick, this.spec.data);
+      // Fix an issue where the panel doesn't get updated
       if (this.$refs.ccomp) {
         this.$refs.ccomp.$forceUpdate();
       }

package/components/panels/horizontal.vue

@@ -29,10 +29,11 @@
     >
       <!-- Using `item.id` as key is important to make sure the item gets updated
            when dragging ends. -->
-      <!-- TODO: This div is causing image issue -->
+      <!-- Use `display: contents` so this div doesn't intefere with the child's sizing behaviour. -->
       <div
         v-for="(item, index) in childViews"
         :key="item.id || index"
+        style="display: contents;"
         :data-dragItemId="item.id"
       >
         <glib-component :spec="item" />

package/components/panels/list.vue

@@ -1,11 +1,5 @@
 <template>
-  <v-list
-    :two-line="twoLine"
-    :three-line="threeLine"
-    class="py-0"
-    :class="$classes()"
-    :style="$styles()"
-  >
+  <v-list class="py-0" :class="$classes()" :style="$styles()">
     <div ref="topAnchor">
       <div v-if="prevPageUrl" class="py-3 px-4">
         Loading...
@@ -88,30 +82,6 @@ export default {
       dragSupport: null
     };
   },
-  computed: {
-    twoLine() {
-      for (const section of this.sections) {
-        const rows = section.rows || [];
-        for (const row of rows) {
-          if (row.subtitle) {
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    threeLine() {
-      for (const section of this.sections) {
-        const rows = section.rows || [];
-        for (const row of rows) {
-          if (row.subsubtitle) {
-            return true;
-          }
-        }
-      }
-      return false;
-    }
-  },
   methods: {
     $ready() {
       this.sections = this.spec.sections || [];

package/components/panels/responsive.vue

@@ -1,4 +1,5 @@
 <template>
+  <!-- Use `display: contents` so this div doesn't intefere with the child's sizing behaviour. -->
   <div style="display: contents;">
     <!-- <common-responsive v-if="!hoverViewsSpec" :spec="spec" /> -->
     <v-menu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glib-web",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "description": "",
   "main": "index.js",
   "scripts": {