Is there a way to remove "Connected to Browser Sync" notification from Laravel Mix browsersync?

I see that Mix (which doesn't seem to have a sub-channel on the discussion-board yet) now offers browsersync built right in all you need to do it pipe it in (.browserSync();)

I'm looking through here:

https://github.com/BrowserSync/browser-sync/issues/344

With no success on figuring out on how to apply it since it works through mix.

Also the "#bs_notify" style solution doesn't seem to work.

Any ideas or pointers would be greatly appreciated ;)!

akaHyped

9 years ago

Level 4

Well I feel stupid, so far the easiest solution was so make sure the #bs_notify's display tag "none" was !important .. There was also the other solution in that issue post on githhub of relocating to the bottom out of the way it if anybody was wondering

#bs_notify { top:95% !important; right: 10px !important; border-radius: 15px !important; height:60px !important; }

(P.s. There are two underscored before and after bs_notify.. The sanitizing removes it here, i'd reference the code in the link above for copy pasta)

danielcoimbra

9 years ago

Best Answer

Level 12

The recommended way, is to disable notifications:

mix.browserSync({
    proxy: 'my-domain.dev',
    files: ['public/css/*.css', 'public/js/*.js'],
    notify: false
});

Rebuilding message will persist... You may set the position to bottom like this:

mix.browserSync({
    proxy: 'my-domain.dev',
    files: ['public/css/*.css', 'public/js/*.js'],
    notify: {
      styles: {
        top: 'auto',
        bottom: '20px'
    }
  }
});

6 likes

Please or to participate in this conversation.