From ca2bef6e736ff0fd8cc85ceb3026388e34677e12 Mon Sep 17 00:00:00 2001
From: Daniel Pan <freeplant@gmail.com>
Date: Wed, 9 Mar 2016 14:05:01 +0800
Subject: [PATCH] Improve icon for grid/list mode switch in folder share link

---
 media/css/seahub.css                  |   2 +-
 media/img/grid-white.png              | Bin 0 -> 151 bytes
 media/img/list-white.png              | Bin 0 -> 167 bytes
 seahub/templates/view_shared_dir.html |  12 ++++++++++--
 4 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 media/img/grid-white.png
 create mode 100644 media/img/list-white.png

diff --git a/media/css/seahub.css b/media/css/seahub.css
index 9f4c0ff2d3..d051a1f441 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -3730,7 +3730,7 @@ img.thumbnail {
     border-right:0;
 }
 .cur-mode-link {
-    background:#eee;
+    background:#ccc;
 }
 .shared-dir-zip {
     margin-left:5px;
diff --git a/media/img/grid-white.png b/media/img/grid-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..5af463610cc11de4e18f59388d4a66ee9fc3feb6
GIT binary patch
literal 151
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA0wn)(8}b0DI8PVHkch)?r*Gsv0F;<{q%@{l
z*8h?34NdEZeQHOSZ**B?eQWYM2ay?!HSI47yCYxfy^K45fTMN!>r1jM90Cdf#upA9
yJyWv0WVWMipZ-twa)$;6Mkalx<?;dzyK;7C{tyw^c6cJtCI(MeKbLh*2~7YXsWoT-

literal 0
HcmV?d00001

diff --git a/media/img/list-white.png b/media/img/list-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..976554507e80b648f312529317e3b58fb3e0b314
GIT binary patch
literal 167
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA0wn)(8}b0DJWm(LkP61Pm$x%A8A>!?oIj^Z
z$|z>l+jnhyELY5I?&U~gkZRiebsuAhr;<|(TX?hSduA!Mmm=&U@7RK!9v);`dr(aA
zUjuV?30pLGD?9rf-ZGAl>@pI``5QJ~xNdOdQiAh8g(Ho^dTiF5fi`j5XB9j=B>ejb
P&}IftS3j3^P6<r_UuigY

literal 0
HcmV?d00001

diff --git a/seahub/templates/view_shared_dir.html b/seahub/templates/view_shared_dir.html
index 77c3304a46..1107f30b0f 100644
--- a/seahub/templates/view_shared_dir.html
+++ b/seahub/templates/view_shared_dir.html
@@ -25,9 +25,17 @@
 
         <div class="fright">
             <a href="?p={{ path|urlencode }}&mode=list" title="{% trans "List" %}" class="mode-link vam{% if mode == 'list' %} cur-mode-link{% endif %} list-mode-link">
-                <img src="{{ MEDIA_URL }}img/list.png" alt="" width="20" />
+                {% if mode == 'list' %}
+                    <img src="{{ MEDIA_URL }}img/list-white.png" alt="" width="20" />
+                {% else %}
+                    <img src="{{ MEDIA_URL }}img/list.png" alt="" width="20" />
+                {% endif %}
             </a><a href="?p={{ path|urlencode }}&mode=grid" title="{% trans "Grid" %}" class="mode-link vam{% if mode == 'grid' %} cur-mode-link{% endif %}">
-                <img src="{{ MEDIA_URL }}img/grid.png" alt="" width="20" />
+                {% if mode == 'grid' %}
+                    <img src="{{ MEDIA_URL }}img/grid-white.png" alt="" width="20" />
+                {% else %}
+                    <img src="{{ MEDIA_URL }}img/grid.png" alt="" width="20" />
+                {% endif %}
             </a>
             {% if not traffic_over_limit %}
             <a href="?p={{ path|urlencode }}&dl=1" class="obv-btn vam shared-dir-zip">{% trans "ZIP"%}</a>