Hide article text on mobile with list mode

app/Resources/static/themes/baggy/css/main.css

@@ -1203,6 +1203,10 @@ pre code {
 }
 
 @media screen and (max-width: 500px) {
+  .hide {
+    display: none;
+  }
+
   .entry {
     width: 100%;
     margin-left: 0;

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 %}

tests/Wallabag/CoreBundle/Controller/ConfigControllerTest.php

@@ -852,5 +852,7 @@ class ConfigControllerTest extends WallabagCoreTestCase
         $client->request('GET', '/unread/list');
 
         $this->assertContains('listmode', $client->getResponse()->getContent());
+
+        $client->request('GET', '/config/view-mode');
     }
 }