john-hu / fxos-text-battery

Use text to display battery level instead of icon.

Text battery level

Text battery level is an addon for Firefox OS. It displays battery level in text.

build

$ npm install
$ gulp

If you do any changes, you may only run gulp to rebuild it.

fxos-text-battery's Issues

Make text visible next to the icon

Right now is super complicated to read the battery percentage inside the icon.

A smart change is to put the percentage text on the right side of the battery icon (similar to some Android roms), this way the battery level is always 100% visible no matter the background.

css solution

we should put real battery percentage at dataset.

.sb-icon-battery[data-level]:after {
content: attr(data-level);
text-align: center;
position: absolute;
width: 2.5rem;
height: 1.6rem;
line-height: 1.6rem;
color: black;
}