Project:Groups.drupal.org
Version:6.x-1.x-dev
Component:User interface
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed (won't fix)
Issue tags:Appearance, CSS <code>, needs groups.drupal.org deployment

Issue Summary

Hi guys…

Not sure if I'm the only one (haven't had time to read the latest docs/updates) but when I visit groups.drupal.org/los-angeles the mission box overflows onto the right side of the page and consequently the page looks... "weird" -- like so:

Only local images are allowed.
(See this image)

Currently the CSS code causing it to look like that -- #mission .box -- looks like this (from what I could tell):

#mission .box {
margin-left:220px;
margin-right:220px;
background:#FFDBA1 url(/sites/all/themes/bluebeach/examples.png) no-repeat 100% 50%;
border:1px solid #FFB643;
color:#4E3000;
font-size:1.1em;
min-width:520px;
_float:left;
_margin-left:20px;
_margin-right:20px;
}

With the min-width:520px; part changed to a lower value, or better yet eliminated altogether (unless that causes issues elsewhere), the screen renders fine:

Only local images are allowed.
(See this image)

(FYI here's the "after" code):

#mission .box {
margin-left:220px;
margin-right:220px;
background:#FFDBA1 url(/sites/all/themes/bluebeach/examples.png) no-repeat 100% 50%;
border:1px solid #FFB643;
color:#4E3000;
font-size:1.1em;
_float:left;
_margin-left:20px;
_margin-right:20px;
}

Can we implement this?

(Moved to webmasters' queue per http://groups.drupal.org/node/44460#comment-118826)

[Edited by kiamlaluno to remove all the <strong> tags]

Comments

#1

Title:Home page (g.d.o/los-angeles)» fix CSS overflow issue on group home pages

Updating the title. This isn't restricted to the LA Drupal group.

#2

Project:Drupal.org webmasters» Groups.drupal.org
Component:Groups.drupal.org» User interface

#3

Status:active» needs review

The way css works on g.d.o we need to add this as a change to the gdo specific stylesheet.

What would an override that we could place later?

Something like:

#mission .box {
  min-width: none;
}

If you find me in irc I can fix this quickly.

#4

Version:<none>» 6.x-1.x-dev
Status:needs review» closed (won't fix)

I'm not sure this is still a problem. Marking won't fix since my priority is getting bluecheese deployed rather than fixing bluebeach.

nobody click here