Mass action toggle button added

app/Resources/static/themes/material/css/dark_theme.scss

@@ -60,7 +60,7 @@
   #article article h6,
   .dropdown-content li > a,
   .nav-panels .input-field input:focus,
-  .results a,
+  .results-item,
   .side-nav li > a,
   .side-nav li > a > i.material-icons {
     color: #dfdfdf;

app/Resources/static/themes/material/css/entries.scss

@@ -2,6 +2,17 @@
  * Entries
  * ========================================================================== */
 
+.mass-action-toggle {
+  display: inline-flex;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+
+  &:focus {
+    background-color: transparent;
+  }
+}
+
 .mass-buttons {
   margin: 10px 5px 10px 20px;
 
@@ -39,6 +50,11 @@
   }
 }
 
+.mass-action-inputs-displayed:not(:checked) ~ .mass-buttons,
+.mass-action-inputs-displayed:not(:checked) ~ .entries .entry-checkbox {
+  display: none;
+}
+
 .entries {
   list-style: none;
 }
@@ -62,10 +78,10 @@
   .nb-results {
     display: inline-flex;
   }
+}
 
-  a {
-    color: #444;
-  }
+.results-item {
+  color: #444;
 }
 
 .pagination {

src/Wallabag/CoreBundle/Resources/views/Entry/_feed_link.html.twig

@@ -9,4 +9,4 @@
     {% set feed_route = feed_route ~ '_feed' %}
     {% set slug = null %}
 {% endif %}
-<a rel="alternate" type="application/atom+xml" href="{{ path(feed_route, {'username': app.user.username, 'token': app.user.config.feedToken, 'slug': slug}) }}" class="right"><i class="material-icons">rss_feed</i></a>
+<a rel="alternate" type="application/atom+xml" href="{{ path(feed_route, {'username': app.user.username, 'token': app.user.config.feedToken, 'slug': slug}) }}" class="results-item"><i class="material-icons">rss_feed</i></a>

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

@@ -29,10 +29,13 @@
     <div class="results">
         <div class="nb-results">
             {{ 'entry.list.number_on_the_page'|transchoice(entries.count) }}
-            <a href="{{ path('switch_view_mode') }}"><i class="material-icons">{% if list_mode == 0 %}view_list{% else %}view_module{% endif %}</i></a>
+            <a class="results-item" href="{{ path('switch_view_mode') }}"><i class="material-icons">{% if list_mode == 0 %}view_list{% else %}view_module{% endif %}</i></a>
             {% if app.user.config.feedToken %}
                 {% include "@WallabagCore/Entry/_feed_link.html.twig" %}
             {% endif %}
+            {% if list_mode == 1 %}
+                <label for="mass-action-inputs-displayed" class="mass-action-toggle results-item tooltipped" data-position="bottom" data-delay="50" data-tooltip="{{ 'entry.list.toggle_mass_action'|trans }}"><i class="material-icons">library_add_check</i></label>
+            {% endif %}
         </div>
         {% if current_route == 'search' %}<div><a href="{{ path('tag_this_search', {'filter': searchTerm, 'currentRoute': app.request.get('currentRoute')}) }}" title="{{ 'entry.list.assign_search_tag'|trans }}">{{ 'entry.list.assign_search_tag'|trans }}</a></div>{% endif %}
         {% if entries.getNbPages > 1 %}
@@ -41,6 +44,7 @@
     </div>
 
     {% if list_mode == 1 %}
+        <input id="mass-action-inputs-displayed" class="mass-action-inputs-displayed" type="checkbox" />
         <div class="mass-buttons">
             {% if entries.count > 0 and list_mode == 1 %}
                 <span>

translations/messages.en.yml

@@ -240,6 +240,7 @@ entry:
         export_title: Export
         show_same_domain: Show articles with the same domain
         assign_search_tag: Assign this search as a tag to each result
+        toggle_mass_action: Toggle mass action
     filters:
         title: Filters
         status_label: Status