From 93ad92f7e85fe6ec10b398294446ea1e02329ef1 Mon Sep 17 00:00:00 2001 From: Devin Howard Date: Thu, 24 Nov 2016 16:43:26 -0500 Subject: [PATCH] bell icon --- app/assets/images/user_sprite.png | Bin 1936 -> 2264 bytes app/assets/stylesheets/application.scss.erb | 2 +- app/assets/stylesheets/mobile.scss.erb | 29 ++++++++++++++++---- 3 files changed, 25 insertions(+), 6 deletions(-) mode change 100755 => 100644 app/assets/images/user_sprite.png diff --git a/app/assets/images/user_sprite.png b/app/assets/images/user_sprite.png old mode 100755 new mode 100644 index 72bcafacc5fa83a9f578c5fb58cc324b7bb510ba..a94a69616b480dea7d5c2659bf59e02e94d287ae GIT binary patch literal 2264 zcmYk8dpy(oAICr6&DLxhD}=(%>1J{#x7C`tWTP^dQRXz4B9dFKp&di1#R_Hmxr9(h zA}N=`SdvR9OGFk?xg58OQ3+=Pc`^7&cP-U$sm$^z5U%Z6_%u2MDSt$wj)-y7O7GBV=+1lhUbBwT4* zSy?gt^uzz1p^=f%g;}M23(mL&?UA99Puk7eL!|xtpEiwF4?Q1HUHe-P@(BnC82S)A zsJd34Qhgw`#75P$?RR@cD^Zq#{*qCg?0$c|Lj{+)DY$Yw#es6>5icV} zP)+e5Avc2C8LY6k=L*ZJj3(W-$s6hY%aWsksbM&2`V3a--Xmg8xY1TR1J&-*g60s~ zIN6m+4=Ai=4@N`>CtD;L!xmgsBK|pnsV$h(0;((?E@yV_uz0Cai$7s}nt4kbiTb!w zbL=@HBQ&8-0neMCxT~@yP4b3}%tIopR~&T8;6$9%`N#(LpzeC%yDe!-76s#R-p~cx z%d=o+AlQzmUe=)t|BCQr6ZtCkE z`xvan2<8BrcAr-R$G_e|)XCJ3XhbYY=-WCib61Wo0?Ra9(4F z{OAoo{Z5KUP!OaZ>daiRq1naL2IZXBuF1;YQcFgngweDiU>RgU#*d{gA=NH^@#S<- zljwE$?>}UPXDbC`1wyssJPkOF%xf=#*`edSNEqPdHL)iPqjR8&l!^v=55A?pL}aKk zb6&iGm5R8mRo**_YDFflUG;(M=iQIaZei6)EAyGa7?m+K3w2#cwk=l%%~I5}ktsA^ z^SL|;aDBq{MI)hS)=wjUwiP31ez8YM?l9et$?exbkc%tjCz7`242YDkmX}aaoTWCLGgdY(DL37 z_bZQ*)}_z1)#OEWT>q2~uKj$*9+#)e%{YA@zi&t@SQle@qcHspb0owZh`pn(ghi3u zk8wM{!9dO}!T7Tn*ptv~X&34Bb%ngWpOY6_mmW8Y@jqlh z@O$v&<>1l{ka}x-nN*Bn*hJggT$j-^s$Aa@5?xwYq@dZ5y6Xk~!yVCOh`fvLFdkpX&_)8j#i6^KH?@bFfV8*h z;mhHC@Uah#7Z%nTSGFeBP(q-F!q0>;#_)a{Cr`o-aJvRG;M@n<1JfS2`)4%K!~-@d zZSEMt($X7Dt_^{v1prT^E}b=5Ek6~OI;Yg4VJ(7U@W{U))p#i z(S*N?4V1MT?UW93il3$8Ci|Dhk(j{`mG@64uQjs+#F?!FKozBHnMxC+gr20wx6ZFA zk;)Nt1EPfq?BONNi+O#&i74*I+8;lvWxX3qetqOB##q||-BPb_t;zKNcM=SU39$vC zSoDgupMRmd??Cp^grADu7b=a-&vuqH#(e8@{|sfrR~te)KILzSzX3F5J8tZ+}6l16NfSF$+>O5y0ZOVj4RVxYdrfniHrHM%^>oOcACh5*Osdx;A4(c`{W0KL zwZ)oOT6H7ioJ52q_iR8AyYbb6$=^HWtDh}$)V)p74F*Hwxhh4`iPvm#XQuR(5gP1$ zdSidAH->F-C2BfTo1;jCBjofYSXJJ^oUVClB#icK3)_G4GQ6c#`mU_^LZ{Mo79QKx zwh(+25R2~`U3A<2)8uz^t;;gCR^KZu5(7gcC#MxL`JGxuE<^`zEvu7nUL6=#Ex1lF e{B_#UuT@|H%>BR3Qt3o24Y zx`A~A*(b0BAHd!+)s9cFa^o(EjC8I9Z2HJ2SfvgOk8dE|K!5JG2m%R68NhkZ{-jVe zhr@p%D?WgbN2B3Kethrokwel)FE1~}Axo<`aLEK@0uEf-bvJHqZo2eQQJUY~-Ia>_ zC-gCGxX;gz=>F8UVCU!OTl|NIhf;BWi?6x=icj~aE*iiY^eKI;xqoSJzeA~XY@8(c z*#tEA=9GqeEPq=P{C17~v-(Yh>lLdK+43qy&0)V2;rbPyY zd76qdK2_EVUr7K*Zd8#Of)T#1QnnyRZd8#iK3!M)@P7de{)oSi_F%(F@bhTU(aH7T zWjRtC;#!R07Sbd4ft}nAKCYec+m4l=W1t~AsV@A*YGb>RJiHbk(c(!6A5bSf3A|8T z7wGy*43|d%IWWRU*H>b=JlaPf)Ki4BDa8msJ3)tMmaw@(vcXgm6yMqe$ex#o_AZ65 zXQ^sW_J6!Yv=;>5$pnamIa-1X(#3VkNO1=r*U3kN{|hIVouCH+n~16|ikiXsOdanx zNfP{{{Bks#Kqep)kO{~HWCAh)hblW`0UG7;2#cqaW~m1_EHuj7;`QxU+Ei~MRyUU~5>kbg0YNI)Y#kui%#fItKn;*;jtCxMW8 z1R{*_eauBW7=lmW(Nw1)pJ%9R1^=-M=o75*Z5C2Ajs{^8T!;&cvhy%@9Kuv!5>EIg zree|!maxemDBVK!77fqv>a8!BJMhvhFyFy{Uqx6;1_aKwIur5AX zZGXqb+q|8RM8!9n5J5}M3~g~Kq<<*=>gyBGlFs-#pI|&Agm;3|!hRz1i3k`3@CDBJ zM8LqC0D*`Ss&#Df*f7*03%v8Q#;;ps;XEe@v*7eMR85wX;=ct-lhA7nVHU>tb!OnA z0Zjo)UAHs{L4rYmREw`7!Fn`^SKUK&M}IouSpE-6pNqFC?lMHn<5hPse6MM7IL1=w zYUUu7KYxOq{z&PU(7r%$j8^!vFYsC)fDz(YAY_U`%xA$#eU*ZmU<6=4YD0Mu=_m9_qMJ$w{%hUS|?jlPZ>|$fs=VU!RvP+yi?7;R(~eO2uEN=^(LyOI-&HufTKwPypsyFfm!V<+L&vDZ z4;Bc0Ym(m!WCAh)nSe|{CLj}#3CILw0x|)afP<8}^8Rt> zOf{e%f$U?<8=6QIe9Rjf5pY_B-G2wfd7WCUB#DBrT1iqz05dfRRERb5ve`_T48M+m z--@?6G`5+A2lxVcjF6|PB*WLu32s(tF?*GRT`usfYQ>j{B*AYP6k>{uY&JmOdsaRf zzR9fc1zKPrwTupYyVTp5gg<{;k(`daVE7;+vc#foHb(x~;P&8o)O8h*TPun{AVKY48il z3WT_dH$DilCx8mhEM7PiT0HKuUpOAAM+J|L-)d0fvGld6li`AkbANCbwr2^T)q>&I zoh6{tfKqZYx29emexg+5XCv?MO}#w)gb{ud0UKd9t+u=&E_kX@OH%@z@evm^;_CFbJ!Y4IEH959Rk5+2Lr%HR{>wG{Z_2WIu z!BST$z_X>6R8l|Qvoxc3_$n>Y5irwuRMTMO*yH&m_$^I8&JR2bU!CEA1e4Y;5sUlu z|09w-vUv+MP)r^pageD1cXo7}>Mtoi6jUz$$gVUn<=$fs^rSu`x zi4pJz*7!}8H`V}!Unmir97~R-!nk2tL=yM~Exzu*%z6{>tx0|{k_k9)`B#7e0GVld VTP+miPyhe`00>D%PDHLkV1hQHl{EkW diff --git a/app/assets/stylesheets/application.scss.erb b/app/assets/stylesheets/application.scss.erb index b56e2d12..82f318fe 100644 --- a/app/assets/stylesheets/application.scss.erb +++ b/app/assets/stylesheets/application.scss.erb @@ -838,7 +838,7 @@ label { background-position: 0 -32px; } .accountNotifications .accountIcon { - background-position: 0 0; /* TODO get a real icon */ + background-position: 0 -128px; } .accountInvite .accountIcon { background-position: 0 -64px; diff --git a/app/assets/stylesheets/mobile.scss.erb b/app/assets/stylesheets/mobile.scss.erb index 01fa5f61..46d52bc0 100644 --- a/app/assets/stylesheets/mobile.scss.erb +++ b/app/assets/stylesheets/mobile.scss.erb @@ -214,7 +214,7 @@ } #mobile_menu { - display: none; + display: none; background: #EEE; position: fixed; top: 50px; @@ -222,11 +222,30 @@ padding: 10px; width: 200px; box-shadow: 3px 3px 3px rgba(0,0,0,0.23), 3px 3px 3px rgba(0,0,0,0.16); -} -#mobile_menu li { - padding: 10px; - list-style: none; + #menu_icon .unread-notifications-dot { + top: 5px; + left: 29px; + width: 12px; + height: 12px; + border: 3px solid #eee; + } + + li { + padding: 10px; + list-style: none; + + &.notifications { + position: relative; + } + + .unread-notifications-dot { + top: 4px; + right: 4px; + } + } + + } /*