[smartly] bpt life360 css patch

This is my tile and I am super happy with the look as it is.
Life360a

1 Like

Mine now and it's perfect thanks very much @spelcheck

image

looks good man! what color do you have the last updated 'pill' set to, is that like a .9? it looks good, I am proven wrong. definitely a little transparency like bpt mentioned works great

1 Like

I have it at .7

Thanks again for all the effort really do appreciate developers time they put in.

1 Like

thanks! updated OP code with .7

@welby1978 please update your CSS once more, it'll fix some spacing issues on the last updated text right side. Also you might be okay with keeping the white background now that we're using gregish+bpt transparency for the white, also with the logo removed.

@bptworld got your transparency in there man! :raised_hands:

it's cheaper than therapy :joy:

1 Like

I'm thinking about it and maybe there should be 3 options to choose from, like default, light and dark.

default:

/* OP code */

light:

/* add following code for 'light' mode*/

#tile-99 {
    background-color: rgba(255,255,255,.8);
}

#tile-99 .tile-primary tbody tr:nth-child(1) td p:nth-child(2) {
    background-color: white;
}

dark:

/* add following code for 'dark' mode*/

#tile-99 {
    background-color: rgba(0,0,0,.8);
}

#tile-99 .tile-primary tbody tr:nth-child(1) td p:nth-child(2) {
    background-color: white;
}
3 Likes

Could someone tell me what the 'templateExtra' line says in their JSON for this tile? Need it for smartly auto-patching :slight_smile:

All Life360 with Stats tile data starts with bpt-

ie.
"templateExtra": "bpt-history"

2 Likes