Add message on unread page about v2

2 files changed, 29 insertions, 1 deletions

diff --git a/themes/baggy/css/messages.css b/themes/baggy/css/messages.css
index 42da70b3..5854e731 100755
--- a/themes/baggy/css/messages.css
+++ b/themes/baggy/css/messages.css
@@ -1,3 +1,20 @@
+.messages {
+    display: block;
+    clear: both;
+    width: 400px;
+    margin: 10px auto 10px;
+    padding: 10px 0;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.messages p {
+    margin: 3px 0 3px 10px !important;
+    padding: 0 10px 0 23px !important;
+    font-size: 14px;
+    line-height: 16px;
+}
+
 .messages.error.install {
     border: 1px solid #c42608;
     color: #c00 !important;
@@ -16,4 +33,10 @@
     border: 1px solid #6dc70c;
     background: #e0fbcc !important;
     text-align: left;
+}
+
+.messages.information,
+.messages.info {
+    border: 1px solid #82aee7;
+    background: #dfebfb;
 }
\ No newline at end of file
diff --git a/themes/default/_messages.twig b/themes/default/_messages.twig
index 679aa098..80ae456d 100644
--- a/themes/default/_messages.twig
+++ b/themes/default/_messages.twig
@@ -1 +1,6 @@
-                {{ messages | raw }}
\ No newline at end of file
+                {{ messages | raw }}
+                {% if view == 'home' %}
+                <div class="messages information">
+                    <p><a href="http://doc.wallabag.org">wallabag v2 is out, please read the documentation to upgrade.</a></p>
+                </div>
+                {% endif %}
\ No newline at end of file