From 3e99fae07056c13bed885b64f1f83ac1ef1d0379 Mon Sep 17 00:00:00 2001
From: Anthony Lapenna <lapenna.anthony@gmail.com>
Date: Sun, 1 Oct 2017 09:44:02 +0100
Subject: [PATCH] style(sidebar): add a small logo in the sidebar (#1255)

---
 app/components/sidebar/sidebar.html |   8 +++-----
 assets/css/app.css                  |  14 ++++++++++++++
 assets/images/logo_small.png        | Bin 0 -> 1314 bytes
 3 files changed, 17 insertions(+), 5 deletions(-)
 create mode 100644 assets/images/logo_small.png

diff --git a/app/components/sidebar/sidebar.html b/app/components/sidebar/sidebar.html
index aa61d2ce5..b85bb2c64 100644
--- a/app/components/sidebar/sidebar.html
+++ b/app/components/sidebar/sidebar.html
@@ -75,11 +75,9 @@
     </li>
   </ul>
   <div class="sidebar-footer">
-    <div class="col-xs-12">
-      <a href="https://github.com/portainer/portainer" target="_blank">
-        <i class="fa fa-github" aria-hidden="true"></i>
-        Portainer {{ uiVersion }}
-      </a>
+    <div class="col-sm-12">
+      <img src="images/logo_small.png" class="img-responsive logo" alt="Portainer">
+      <span class="version">{{ uiVersion }}</span>
     </div>
   </div>
 </div>
diff --git a/assets/css/app.css b/assets/css/app.css
index 3f6acad11..9fda8ca7a 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -296,6 +296,20 @@ ul.sidebar .sidebar-list a.active {
   background: #2d3e63;
 }
 
+.sidebar-footer .logo {
+  width: 100%;
+  max-width: 100px;
+  height: 100%;
+  max-height: 35px;
+  margin: 2px 0 2px 20px;
+}
+
+.sidebar-footer .version {
+  font-size: 11px;
+  margin: 11px 20px 0 7px;
+  color: #fff;
+}
+
 #image-layers .btn{
   padding: 0;
 }
diff --git a/assets/images/logo_small.png b/assets/images/logo_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..2cd37301aede58a27b98d474e33b83af75e59ae4
GIT binary patch
literal 1314
zcmV+-1>O3IP)<h;3K|Lk000e1NJLTq003kF001Kh1ONa4$hKz-00002VoOIv0RM-N
z%)bBt010qNS#tmY3ljhU3ljkVnw%H_000McNliru;RzlJDG`r*8kGP51hYv*K~z}7
z?U-3?lvNbRe|Or>v_nU>QW2yg7&Rz@sfvWe*to<cM1zSwXhMV-LV^lt^#L&A0#S^T
z5EWx^3nA_zJ_#}I0s?9@0%=M>kX>47i%^UHe3+Tfnd!77`obvZVV3XSbH4M>z32Zw
z_rfVF5i{qr)S;Yf|I*1e*2~yzt|<96vBr1RE*njPB>*Q@v@%{`BTHGtjT~pEQv;#&
zww5=#gU&EKtmZgJ!ZXxyhwHrfWCv0XU|;|N7|lzprGYkUkR*NWPZ_szHm}*jWLjuD
zS=S~2nB+YYfV5G@MKm#jpBTX*F60YhNC$yFe9Qge&(bOMCEz3ALdUzNl<Bw5>HoI6
zz0a3=7^!fV3;to$MRr(z0wDIc)_$IDf{{GO@A+J2H)bo;{Q`=vqPlp$5W2XT`T719
ziC6SJ3up+(i+lXNBCFWP3ih#`AK67~ejx>{Gk_O*M)*4^430OJ{vEJRz+oonOVVLh
zn(YyWgO%0=gq>7?anB4m$Z=K%%)|pPw=$hzz@e6dBctun#qQ|MDeED0S2$O?+vOgx
zIeL;;BkClN`HM&0?r;#}zM$?=pE6;3&I0u@@3zCE?(=H!G7sBon+Lo{!7?}dAb5#?
z_=<<!t4;+m=DbY26;@~B%~9Wta+qxwfCF4*r~A}d-Fgo{wB2_+W|Qx^-+PMy(R!;)
zc$e(}F7qpsRyx3~KA)NMok`2VhkeI{F$b#GT4j|JH3Q^pXM$tZC+uU~1_iLuR#PTS
zy1`Wd{^mjZ8IN+9VG9^{vv1kgN^9L~W8sRdQ`e{m-Js4dwj$X|aFh31tq#uo?~_SI
zM`xbQ^-Tbmx+L;?x)4Zqm-~k`px)wOhj@nPsVVT7SLM}88ptSrk34Tt6OkYSu#Asr
zViT>j@)4gDsnqpp*%7{{fgd<TM|$^$BOY*M*ajRept}Yd$x`6@0tIVNe;H#Jwe|zv
z&KbXfH|U~;?gToDb&&*q0}P`%tLy}LmWrIom+^5oAoc9d6yXKD&PE2(#|{XXpf+qP
z%8H-Sz^b$t^}PvmXci{1mKbn^kk6Z0Dga;$<08fy1N<DZR=`X1V895gy1ndu&nH3L
z+ZY|54sEPpIdLjXv7Ti;BshnejwepsD`-4{Ow3~`zjBaYd66f>Z#f_aJCCSRXl946
zSxp7~S<FM>ST6k*vRJ%`B;L*zn%T><i~(T^Ep)P#Ha0TDd^%5%1mOTz@;N)$#p(!1
zH3^`MR1`Ty3|Po=j<S^&hA`9g%yhhKc!YW&P6|RN6F7@KG||G#;ZgIY$1YXBbc&Om
z;$rXt$GS47*lWNBFUs>8=uHlY+W)$&?s}RvImdztUJ5211>)(Zz_>#rDIH=tS=yLr
zRpd9+c;@*q0INMS)8yiCuQO4w0;U;3KXtxoYqrT&4>~Ca$RK)AV!J7^y{NTC{CigR
z-1xoC$%c8{`z^FiQxTBb(&%{~u((ajjL#}k{wE=fLH1;Kme!g5`W|OYNH>k8a+o@&
z#}#QeR#LZ$zS;wjrV_g#wakm1?)Gj#YN5oSq^}|T!2ND<nsv@~wzdC}``=S`%KrEE
Y7sI$@qmXl1uK)l507*qoM6N<$f~)^+o&W#<

literal 0
HcmV?d00001