Browse Source

blabla: click on whole article card open it

bach 3 years ago
parent
commit
f89c29a8b9

+ 2 - 0
web/themes/custom/materiotheme/assets/dist/main.css

@@ -1849,6 +1849,8 @@ article.card {
   article.card.article {
     width: 423px;
     height: 295px; }
+    article.card.article section.images a {
+      display: block; }
   article.card.minicard {
     height: 100px;
     width: 170px;

File diff suppressed because it is too large
+ 0 - 0
web/themes/custom/materiotheme/assets/dist/main.js


+ 6 - 0
web/themes/custom/materiotheme/assets/styles/main.scss

@@ -956,7 +956,13 @@ article.card{
   width:$column_width; height:$card_height;
   &.article{
     width:$column_width*2 + $column_goutiere; height:$card_height;
+    section.images{
+      a{
+        display:block;
+      }
+    }
   }
+
   &.minicard{
     height:100px;
     width:$minicard_width;

+ 7 - 2
web/themes/custom/materiotheme/vuejs/components/Content/ArticleCard.vue

@@ -9,10 +9,15 @@
         ></a>
       </h1>
       <aside v-html="item.created"></aside>
-      <h4 v-if="false" class="body" v-html="item.body"></h4>
+      <!-- <h4 class="body" v-html="item.body"></h4> -->
     </header>
     <section class="images">
-      <figure v-html="item.field_visuel"></figure>
+      <a
+        :href="item.view_node"
+        @click.prevent="onclick"
+      >
+        <figure v-html="item.field_visuel"/>
+      </a>
     </section>
   </article>
 </template>

Some files were not shown because too many files changed in this diff