Opened 16 months ago
Last modified 14 months ago
#4336 new Defect
Opera does not like Elgg's fluid grid
| Reported by: | ProToha | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | Elgg 1.8.x |
| Component: | UI/UX | Version: | 1.8.3 |
| Severity: | minor | Keywords: | css problem |
| Cc: | brett@… | Difficulty: |
Description (last modified by ewinslow)
I double this message here as one guy recommended me to do it here:
http://community.elgg.org/pg/forum/topic/840590/css-problems-with-design/
I noticed some problems with the design, already fixed it on my site, but wanted to let you guys know about it, so maybe you can fix it on future versions or maybe it will help somebody else.
First problem, that it looks like that Opera browser doesn't get percents in CSS files like other browsers, this was the first time in my life when even IE worked right.
\views\default\css\elements\grid.php
this file has sizes in percents, if you'll enter to the user profile where you have profile, on right side of profile will be the wire and below this we have 3 columns with widgets. All widgets have float:right and because of percenets in this file blocks and widgets has a bit different size and moved to left a bit. This is not a big problem and its easy to miss this.
I fixed this by setting width in pixels in this file. Default design, without paddings has 970px of width, so I've just calculated percents that was set in this file and changed to *px after this profile page seems to look right in Opera too.
Another problem was with the settings buttons on widgets, when you're logged in and entered to your own profile, there you'll see some widgets, each widegt goes in the box, above it has title and on the right side from title text there're 3 icons: setting, delete and collapse, these buttons was shifted down a bit, so I have to add margin-top:-(not remember now)px to fix this issue.
Hope this is helps and thank you very much for the really great soft!!! You guys rocks!!! :)
Attachments (1)
Change History (4)
Changed 16 months ago by ProToha
comment:1 Changed 16 months ago by cash
- Component changed from Core to UI/UX
- Summary changed from CSS problems with design to Opera does not like Elgg's fluid grid
We need the grid to be fluid. I think we'll have to look into implementing .elgg-col-last or add a special browser css file for Opera.
comment:2 Changed 14 months ago by ewinslow
- Description modified (diff)
We could just do elgg-col:last-child -- Opera should understand that, yes?
comment:3 Changed 14 months ago by ewinslow
- Milestone changed from Needs Review to Elgg 1.8.x

my edition of grid.php, it has same sizes as your default design, but in pixels