Closed
Bug 225629
Opened 21 years ago
Closed 21 years ago
use css style sheet for small screen rendering
Categories
(Minimo Graveyard :: Build Config, defect)
Tracking
(Not tracked)
RESOLVED
FIXED
People
(Reporter: chofmann, Assigned: dbaron)
References
Details
(Whiteboard: 2 days)
Attachments
(2 files)
darin trying this now to see if we can hack in.
Reporter | ||
Comment 1•21 years ago
|
||
in a quick round of testing looks like this does some very good things on some
sites, but creates a few small problems on others.
maybe a small device mode button to switch in and out of having the style sheet
loaded could get the best of both worlds...
daniel, thanks for doing this work... its really cool in minimo.
Comment 2•21 years ago
|
||
> daniel, thanks for doing this work... its really cool in minimo
chofmann: web sites deeply mixing content and presentation or using ugly hacks
to mark up some presentation into html will _always_ have problems.
Example: the former www.netscape.com page, who used to be FULL of ugly hacks
to be correctly displayed by all flavors of legacy browsers. Nothing we can
do about it.
Some of them can be solved: in some cases, a box can be wider than the display
because I forgot to tag !important one max-width property. Some others cannot.
The only thing we can do : make sure that everything fits into display's width.
So my stylesheet fits ok into minimo? Cool :-)
Reporter | ||
Comment 3•21 years ago
|
||
yes, its great and what was needed to get brendan off the stick down to office
depot to buy a palmtop that he can run mimimo on. I think we should try and get
some screen shots up to show minimo up showing pages with this feature enabled
and with out so folks get an idea of the improvement and comparison to what
might come with other micro/mini browsers..
We can put the screen shots along side
http://www.mozilla.org/projects/minimo/screenshots.html and
http://handhelds.org/~mallum/matchbox/screenshots.html
so folks can see the difference and improvement that minimo can provide over
other palmtop browsers.
Daniel, do you know if opera or anyone else is using this, or a variation of this?
Reporter | ||
Comment 4•21 years ago
|
||
install this at ~/.TestGtkEmbed/TestGtkEmbed/chrome/userContent.css to reduce
vertical scrolling.
Reporter | ||
Comment 5•21 years ago
|
||
*** Bug 225390 has been marked as a duplicate of this bug. ***
Reporter | ||
Comment 6•21 years ago
|
||
need to get this part of the regular build that gets kicked out and distributed,
and we need to see if there is a way to make mods to the settings on the fly.
one example is to adjust the screen width when the user picks the selecton to
rotate from horizontal to vertical orientation on the device...
Reporter | ||
Comment 7•21 years ago
|
||
right now we have the setting
max-width: 240px ! important;
setting max width 100% might work to pick up whatever the device provides...
Reporter | ||
Comment 8•21 years ago
|
||
changing
font-size: 10px ! important;
to be font-size: medium ! important
and have that map to 10px
would be another thing to try.
Whiteboard: 2 days
Reporter | ||
Comment 9•21 years ago
|
||
~/.TestGtkEmbed/TestGtkEmbed/chrome/userContent.css puts this in the user
profile.
to get this part of all standard installations we need to put this in
UA Style Sheet
Assignee: darin → dbaron
Assignee | ||
Comment 10•21 years ago
|
||
I was thinking of changing the way we load user-agent (UA) stylesheets a
little bit so that this could be a UA stylesheet rather than a user
stylesheet. Such a change could also help extension-like things like
MathML be a little more separate.
What I was thinking was that (like for prefs) there would be a
directory with UA stylesheets, and we could then just load all the files
in that directory as UA stylesheets.
I need to look into seeing how feasible this is. The potentially
difficult issue is that the UA stylesheets may currently depend on being
in a certain order (although they may not). (Order is a factor in the
CSS cascading rules.)
Reporter | ||
Comment 11•21 years ago
|
||
this sounds like a great idea. I'm trying to get a ipaq configured for testing
now and I'm having some problems getting it set up and in having things read
from ~/.TestGtkEmbed/TestGtkEmbed/chrome/userContent.css ... it would be nice if
the build and packing set everything up for the target device...
Reporter | ||
Comment 12•21 years ago
|
||
dbaron cat'ed userContent.css on to /usr/bin/minimo/res/ua.css and we got it to
work that way
also tried out the suggestion to swtich from
max-width: 240px ! important;
to
max-width: 100% ! important;
seems to work ok for adapting layout to make better use of the rotated screen.
I also changed
font-size: 10px ! important;
to
font-size: small ! important;
and that seems to work pretty good for the device. I played with "medium" a bit
but I think the small font is still readable actually looks better on the ipaq.
I guess milage may vary depending on device and eyesight ;-)
Reporter | ||
Comment 13•21 years ago
|
||
in running some browser buster testing with the style sheet installed its
interesting to note that one of the sites (the only that I've seen so far) that
still results in vertical scrolling is http://devedge.netscape.com
I'm guessing some kind of style sheet override maybe?
Reporter | ||
Comment 14•21 years ago
|
||
Comment 15•21 years ago
|
||
fixed in minimo 0.1. running the packaging script appends the attached css file
onto us.css. dbaron, please let me know when there will be a nicer solution.
Status: NEW → RESOLVED
Closed: 21 years ago
Resolution: --- → FIXED
You need to log in
before you can comment on or make changes to this bug.
Description
•