[Bug] Menu Screen Dotted Line

calexander3 commented 8 years ago

On the menu screen there is a dotted line that appears below the time and above the menu options.

Rogoon commented 8 years ago

I think that is by design. You should be able to turn it off with something like this:

var card = new UI.Card({
  status: {
    backgroundColor: backgroundColor,
    separator: 'none'
...

Separator defaults to 'dotted', but can be turned off with 'none'

Meiguro commented 8 years ago

Thanks @Rogoon, that's correct!

At first, I tried changing the status bar color to match the background color automatically, but it resulted in some undesired side affects. In either case, you can change the color, backgroundColor, and separator.

var menu = new UI.Menu({
  status: {
    color: 'white'.
    backgroundColor: 'black',
    separator: 'none',
  },
  ...
});

at initialization or

menu.status({
  color: 'white'.
  backgroundColor: 'black',
  separator: 'none',
});

after the fact, preferably before calling .show().

calexander3 commented 8 years ago

Totally works. Thanks all I had no idea about the status object.

pebble / pebblejs

[Bug] Menu Screen Dotted Line #162