Hide article text on mobile with list mode

src/Wallabag/CoreBundle/Resources/views/themes/baggy/Entry/entries.html.twig

@@ -58,7 +58,7 @@
                         <li><a href="{{ path('tag_entries', {'slug': tag.slug}) }}">{{ tag.label }}</a></li>
                     {% endfor %}
                 </ul>
-                <p>{{ entry.content|striptags|slice(0, 300) }}&hellip;</p>
+                <p {% if viewMode == 1 %}class="hide"{% endif %}>{{ entry.content|striptags|slice(0, 300) }}&hellip;</p>
             {% else %}
                 <ul class="card-entry-labels">
                 {% for tag in entry.tags | slice(0, 3) %}

src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig

@@ -6,7 +6,7 @@
                         {{ entry.title| striptags | truncate(120, true, '…') | raw }}
                 </a>
             </span>
-          <p>{{ entry.content|striptags|slice(0, 500)|raw }}&hellip;</p>
+          <p class="hide-on-med-and-down">{{ entry.content|striptags|slice(0, 500)|raw }}&hellip;</p>
         </div>
 
         {% include "@WallabagCore/themes/material/Entry/_card_actions.html.twig" with {'entry': entry} only %}