The Connection banner is not displayed well

[Luis16287]

This is my main page

This is my register page

This is the first page after login

The connection banner in the home page

The connection banner in my register page

The connection banner when user is logged in ("Try to reconnect now" is a little higher in comparison with the other lines)

The connection banner on Android - iOS device in the main page

The connection banner on Android - iOS device in the register page

The connection banner on Android - iOS device after user logged in

The Connection banner is not displayed well only when the user is logged in.

This is the list of my project packages: 255kb:meteor-status 1.4.3 Meteor Status automatically aler... accounts-facebook 1.0.6 Login service for Facebook accounts accounts-password 1.1.4 Password support for accounts accounts-twitter 1.0.6 Login service for Twitter accounts alanning:roles 1.2.14* Authorization package for Meteor aldeed:autoform 5.8.1 Easily create forms with automat... blaze-html-templates 1.0.1 Compile HTML templates into reac... check 1.1.0 Check whether a value matches a ... comerc:autoform-typeahead 1.0.3 Custom "typeahead" input type fo... comerc:bs-typeahead 1.0.2 Typeahead-plugin with Bootstrap-... dburles:google-maps 1.1.5 Google Maps Javascript API v3 ecmascript 0.1.6* Compiler plugin that supports ES... elevatedevdesign:autoform-nouislider 0.1.1 Dual value slider for autoform. email 1.0.8 Send email messages es5-shim 4.1.14 Shims and polyfills to improve ... fastclick 1.0.7 Faster touch events on mobile http 1.1.1 Make HTTP calls to remote servers iron:router 1.0.12 Routing specifically designed f... jquery 1.11.4 Manipulate the DOM using CSS se... leesangwon:connections 0.1.0 monitor all the connection statu... natestrauser:connection-banner 0.4.3 A banner that displays when mete... meteor-base 1.0.1 Packages that every Meteor app n... mobile-experience 1.0.1 Packages for a great mobile user... mongo 1.1.3 Adaptor for using MongoDB and Mi... mrt:facebook-sdk 0.0.44 Facebook SDK packaged for Meteor nolimits4web:swiper 3.3.1 iDangero.us Swiper - mobile touc... service-configuration 1.0.5 Manage the configuration for thi... session 1.1.1 Session variable standard-minifiers 1.0.2 Standard minifiers used with Met... tap:i18n 1.7.0 A comprehensive internationaliza... tracker 1.0.9 Dependency tracker to allow reac... twbs:bootstrap 3.3.5* The most popular front-end frame... underscore 1.0.4 Collection of small helpers: _.m...

[nate-strauser]

it looks like the css may just need to be adjusted for mobile resolutions - you should be able to open up an inspector window in safari and make some small tweaks

[Luis16287]

Thanks, there was a problem with the css. Now is working, there is a way to personalize the icons displayed?

[nate-strauser]

not currently - icons are hardcoded https://github.com/nate-strauser/meteor-connection-banner/blob/master/client/banner.html

• you could copy the package locally and alter it or use https://github.com/aldeed/meteor-template-extension to override the template (see the 'replaces' function)

On Fri, Mar 4, 2016 at 8:25 AM, Luis notifications@github.com wrote:

Thanks, there was a problem with the css. Now is working, there is a way to personalize the icons displayed?

— Reply to this email directly or view it on GitHub https://github.com/nate-strauser/meteor-connection-banner/issues/16#issuecomment-192282520 .