Changed visibility for article stats

tank0226 · Apr 22, 2020 · a6b5b8f · a6b5b8f
1 parent b367534
commit a6b5b8f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 16 deletions.
diff --git a/app/Resources/static/themes/material/css/article.scss b/app/Resources/static/themes/material/css/article.scss
@@ -111,7 +111,7 @@
       flex-flow: row wrap;
 
       .stats {
-        font-size: 0.8em;
+        font-size: 0.7em;
         margin: 8px 5px 5px;
 
         li {
@@ -122,6 +122,7 @@
           i.material-icons {
             color: #3e3e3e;
             margin-right: 3px;
+            font-size: 18px;
           }
         }
 
@@ -138,10 +139,12 @@
     }
 
     .chip {
-      background-color: $blueAccentColor;
+      background-color: #9e9e9e;
       padding: 0 15px 0 10px;
       margin: auto 2px;
       border-radius: 6px;
+      height: 18px;
+      line-height: 18px;
 
       a,
       i {
@@ -150,8 +153,8 @@
 
       i.material-icons {
         float: right;
-        font-size: 20px;
-        line-height: 32px;
+        font-size: 16px;
+        line-height: 18px;
         padding-left: 8px;
       }
     }

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_reading_time.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_reading_time.html.twig
@@ -1,5 +1,5 @@
 {% set readingTime = entry.readingTime / app.user.config.readingSpeed * 200 %}
-<i class="material-icons">timer</i>
+<i class="material-icons grey-text">timer</i>
 {% if readingTime > 0 %}
     <span>{{ 'entry.list.reading_time_minutes_short'|trans({'%readingTime%': readingTime|round}) }}</span>
 {% else %}

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig
@@ -223,46 +223,46 @@
 {% block content %}
     <div id="article">
         <header class="mbm">
-            <h1><span{% if entry.language is defined and entry.language is not null %} lang="{{ entry.getHTMLLanguage() }}"{% endif %}>{{ entry.title|striptags|default('entry.default_title'|trans)|raw }}</span> <a href="{{ path('edit', { 'id': entry.id }) }}" title="{{ 'entry.view.edit_title'|trans }}">✎</a></h1>
+            <h1><span{% if entry.language is defined and entry.language is not null %} lang="{{ entry.getHTMLLanguage() }}"{% endif %}>{{ entry.title|striptags|default('entry.default_title'|trans)|raw }}</span> <a href="{{ path('edit', { 'id': entry.id }) }}" title="{{ 'entry.view.edit_title'|trans }}"><i class="material-icons grey-text">create</i></a></h1>
         </header>
         <aside>
-            <div class="tools">
+            <div class="tools grey-text">
                 <ul class="stats">
                     <li>
                         {% include "@WallabagCore/themes/material/Entry/_reading_time.html.twig" with {'entry': entry} only %}
                     </li>
                     <li>
-                        <i class="material-icons" title="{{ 'entry.view.created_at'|trans }}">today</i>
+                        <i class="material-icons grey-text" title="{{ 'entry.view.created_at'|trans }}">today</i>
                         {{ entry.createdAt|date('Y-m-d H:i') }}
                     </li>
                     {% if entry.publishedAt is not null %}
                     <li>
-                        <i class="material-icons" title="{{ 'entry.view.published_at'|trans }}">create</i>
+                        <i class="material-icons grey-text" title="{{ 'entry.view.published_at'|trans }}">create</i>
                         {{ entry.publishedAt|date('Y-m-d H:i') }}
                     </li>
                     {% endif %}
                     {% if entry.publishedBy is not empty %}
                         <li>
-                            <i class="material-icons" title="{{ 'entry.view.published_by'|trans }}">person</i>
+                            <i class="material-icons grey-text" title="{{ 'entry.view.published_by'|trans }}">person</i>
                             {% for author in entry.publishedBy %}
                                 {{ author|raw }}{% if not loop.last %}, {% endif %}
                             {% endfor %}
                         </li>
                     {% endif %}
                     <li>
-                        <i class="material-icons">link</i>
-                        <a href="{{ entry.url|e }}" target="_blank" rel="noopener" title="{{ 'entry.view.original_article'|trans }} : {{ entry.title|striptags }}" class="tool">
+                        <i class="material-icons grey-text">link</i>
+                        <a href="{{ entry.url|e }}" target="_blank" rel="noopener" title="{{ 'entry.view.original_article'|trans }} : {{ entry.title|striptags }}" class="tool grey-text">
                             {{ entry.domainName|removeWww }}
                         </a>
                     </li>
                     <li>
-                        <i class="material-icons">comment</i>
+                        <i class="material-icons grey-text">comment</i>
                         {{ 'entry.view.annotations_on_the_entry'|transchoice(entry.annotations | length) }}
                     </li>
                     {% if entry.originUrl is not empty %}
                         <li>
-                            <i class="material-icons" title="{{ 'entry.view.provided_by'|trans }}">launch</i>
-                            <a href="{{ entry.originUrl|e }}" target="_blank" rel="noopener" class="tool">
+                            <i class="material-icons grey-text" title="{{ 'entry.view.provided_by'|trans }}">launch</i>
+                            <a href="{{ entry.originUrl|e }}" target="_blank" rel="noopener" class="tool grey-text">
                                 {{ entry.originUrl|striptags|removeSchemeAndWww|truncate(32) }}
                             </a>
                         </li>

diff --git a/web/wallassets/material.css b/web/wallassets/material.css