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 [email protected] 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
#16 (comment)
.