3.2.x 3.2.x SnippetsMake pm and notifications responsive

Snippets
User avatar

Topic Author
martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 4982
Joined: Apr 6th, '14, 14:12
    Linux Chrome

Re: Make pm and notifications responsive

Post by martin »

Solidjeuh wrote: Jul 19th, '17, 16:34
martin wrote: Jul 19th, '17, 16:26 I did notice it only kicks in at last minute unlike the rest of the responsive stuff.
See: https://www.froddelpower.be

Nick: Testaccount
Pasw: Testaccount
yup its responsive for me until all the other navbar stuff goes into quicklinks then the notifications pop back out remember they will only stay responsive if there is not enough room for them.
Use this to install an ext on your board no more ftp or path making.
Path too install this ext is ext/boardtools/upload
Download is here Make it easy for us to solve your issues
User avatar

Solidjeuh
Donator
Donator
Status: Offline
User theme: Dark
Posts: 348
Joined: Dec 13th, '14, 01:40
    Windows 10 Firefox

Re: Make pm and notifications responsive

Post by Solidjeuh »

martin wrote: Jul 19th, '17, 16:43
Solidjeuh wrote: Jul 19th, '17, 16:34
martin wrote: Jul 19th, '17, 16:26 I did notice it only kicks in at last minute unlike the rest of the responsive stuff.
See: https://www.froddelpower.be

Nick: Testaccount
Pasw: Testaccount
yup its responsive for me until all the other navbar stuff goes into quicklinks then the notifications pop back out remember they will only stay responsive if there is not enough room for them.
Damn that phpBB software :rolling: :rolling:
Forum voor NL Extensie vertalingen ---> https://www.supportforum.be
----------------------------------------------------------------------------
User avatar

Sniper_E
VIP
VIP
Status: Offline
User theme: Dark
Posts: 1124
Joined: Oct 14th, '14, 17:01
    Windows 10 Firefox

Re: Make pm and notifications responsive

Post by Sniper_E »

I just added a class="responsive-hide" in the <span> of those two lines in the navigation_header.html template to make it responsive.

Code: Select all

					<i class="icon fa-inbox fa-fw" aria-hidden="true"></i><span class="responsive-hide">{L_PRIVATE_MESSAGES} </span><strong class="badge<!-- IF not PRIVATE_MESSAGE_COUNT --> hidden<!-- ENDIF -->">{PRIVATE_MESSAGE_COUNT}</strong>
AND
					<i class="icon fa-bell fa-fw" aria-hidden="true"></i><span class="responsive-hide">{L_NOTIFICATIONS} </span><strong class="badge<!-- IF not NOTIFICATIONS_COUNT --> hidden<!-- ENDIF -->">{NOTIFICATIONS_COUNT}</strong>
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™