Moodle in English: Browsers display course topic boxes differently

Browsers display course topic boxes differently

بواسطة الأربعاء، 18 أبريل 2012، 8:45 ص - Miriam Laidlaw

Time to finally ask here, because I'm sure the answer is obvious...

Moodle 2.2

Brand new theme with base as the parent

Been designing my theme using Firefox and I noticed this only because I wanted to log in on another browser as a student to check how something looked.

How my course topic boxes look in Firefox:

Firefox

How they look in Chrome and Safari:

Chrome and Safari

As you can see, in Chrome and Safari the right hand side of the topic box is rather... large.

Things I have tried that have fixed it in Chrome/Safari have broken it in Firefox.

Help?

متوسط التقييمات: -

Re: Browsers display course topic boxes differently

بواسطة الأربعاء، 18 أبريل 2012، 9:30 ص - Mary Evans

If it isn't already set you need to do this...

.course-content ul.topics li.section .content {

}

متوسط التقييمات: -

Re: Browsers display course topic boxes differently

بواسطة الأربعاء، 18 أبريل 2012، 9:31 ص - Miriam Laidlaw

Hi Mary,

Yep, that appears to be already set in the base theme, but I put it in my theme just in case. Hasn't fixed the problem.

متوسط التقييمات: -

Re: Browsers display course topic boxes differently

بواسطة الأربعاء، 18 أبريل 2012، 10:23 ص - Miriam Laidlaw

Through a process of painful elimination I found the problem.

/** Central content in the course box **/
.course-content .main .content {
    background-color: #FFFFFF;
    overflow: auto;
    padding: 5px;
}

Setting the overflow in the content area of the topic boxes causes this. Removing this line makes everything ok.

So I need to find a different place to set the overflow, in case people upload large images to the course page?

متوسط التقييمات: -

Re: Browsers display course topic boxes differently

بواسطة الأربعاء، 18 أبريل 2012، 7:36 م - Mary Evans

What about ...

.course-content ul.topics li.section .content {

}

However, in Moodle 2.2.2 there is a no-overflow class added in a label that adds overflow: auto in base theme

HTH

Mary

متوسط التقييمات: -

Re: Browsers display course topic boxes differently

بواسطة الخميس، 19 أبريل 2012، 3:21 ص - Miriam Laidlaw

Thanks Mary. I think I'll leave it, since base is the parent theme that should be sorted from 2.2.2 (which is what I'm creating this theme for).

متوسط التقييمات: -

Themes

Browsers display course topic boxes differently

Browsers display course topic boxes differently

Re: Browsers display course topic boxes differently

Re: Browsers display course topic boxes differently

Re: Browsers display course topic boxes differently

Re: Browsers display course topic boxes differently

Re: Browsers display course topic boxes differently

Empowering educators to improve our world

Moodle

Support

Get Involved

Contributions

Downloads

Tracker

Development

Empowering educators to improve our world