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)

x86
Windows XP
defect
Not set
normal

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.
Blocks: 215636
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.
> 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 :-)
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?
install this at ~/.TestGtkEmbed/TestGtkEmbed/chrome/userContent.css to reduce vertical scrolling.
*** Bug 225390 has been marked as a duplicate of this bug. ***
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...
right now we have the setting max-width: 240px ! important; setting max width 100% might work to pick up whatever the device provides...
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
~/.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
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.)
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...
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 ;-)
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?
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.

Attachment

General

Creator:
Created:
Updated:
Size: