ubuntu-phone team mailing list archive
-
ubuntu-phone team
-
Mailing list archive
-
Message #11311
Making A WebApp Container Appearance Visually Distinct
Is it possible to make either webapp's container, or its contents, more visually distinct - either by adding in a title bar, or modifying/adding-to/overriding the site's css? What I am trying to do is make a second twitter wrapper, so I can look at and update two accounts side-by-side, so I want them to ideally be visually distinct from one-another so I don't update content to the wrong one.
I've created a second wrapper app, and that works fine with the twitter icon coloured red, instead of blue, so I can see which one I'm switching to ok from the launcher, but once I'm in one, or go to the app-switcher-mode, there's no indication which one is which. I was thinking of some sort of app title, adding a border to the app, or possibly even adding CSS (I'll come to that in a minute) to change the generated content.
I notice that in the core Twitter app there's a Twitter.user.js file, so out of optimisim I added in a <appname>.user.css containing
body { font-size: 200%; }
but as the .js file more communicates with the OS, I didn't expect this to work.
I've looked at the bits on https://developer.ubuntu.com/en/web/ubuntu-webapps-guide/ and watched the first, webapp dev, part of the tutorial vid, but I can't find anything on this. Am I missing something obvious (is there some more detailed documentation I've missed) or can this not currently be done?
Just on this subject, I assume that --enable-addressbar is implied-as-being/effectively set when --enable-back-forward is set, yes?
Thanks
MH
PS - sorry if this double-posts, think I sent it from the wrong e-mail account the first time.