dmuneras / moodle-theme_archaius

Moodle theme
5 stars 9 forks source link

Colour of block header background disappears when blocks are moved to middle section of page #26

Open roybentley opened 9 years ago

roybentley commented 9 years ago

When blocks are actually on the side of the page, block-header text can be easily seen due to the background colour of the header (which users can select). When blocks are moved to the middle of the page however, the header background colour disappears, and you are left with block-header text in 'whitesmoke' colour, with no coloured background! This text is really hard to see against the white page background.

dmuneras commented 9 years ago

Hi Roy,

The color of the block-header in main content should be always blank (kind of) and the color of the text whiteSmoke.

screen shot 2014-10-03 at 10 10 18 pm

Could you attach an image to see what is happening with your Moodle?

Daniel.

roybentley commented 9 years ago

Thanks Daniel

I was able to change the colour of the text in the centre-block headers so the header-background (black on your attached image) is not such a problem now. On my version of Archaius this black area (centre-block header background) is whitesmoke.

Have had feedback from parents using the Featherstone Nursery / Children's Centre http://featherstonelocality.washwoodheath.net Site, They did not like the 'awesome bar' (nav bar) as it created a big list of links in their IPhones. I replaced it with a javascript menu and it works a lot better (see blue tabs on left of front page). I also used Archaius accordion blocks to make an animated calendar - perfect solution for IPhone - much batter that Moodle Calendar (see green tabs on right of front page).

* Parents did not like Moodle calendar as it did not reveal enough detailed information in a way which was easy to access on IPhone.

Had a big problem with slideshows, which would not render properly on IPhone. I tried 10 different so called 'responsive' slideshows, but all looked terrible on IPhone. I found a great solution using Freemake Slideshow and publishing as html5. The other slideshows were mp4 and played ok, BUT the starting applet (black rectangle with central 'play' button) was only 50% visible when the phone was vertical - but it worked well on the Freemake version.

Here is my test slideshow http://featherstonelocality.washwoodheath.net/course/view.php?id=3

Extra

Hope this makes sense - I am a school teacher not a developer.

Thanks for all your brilliant work!

Roy Bentley Birmingham UK

On 4 October 2014 04:12, Daniel Múnera Sánchez notifications@github.com wrote:

Hi Roy,

The color of the block-header in main content should be always blank (kind of) and the color of the text whiteSmoke.

[image: screen shot 2014-10-03 at 10 10 18 pm] https://cloud.githubusercontent.com/assets/344518/4514535/414f68a2-4b74-11e4-8647-c36213501ce4.png

Could you attach an image to see what is happening with your Moodle?

Daniel.

— Reply to this email directly or view it on GitHub https://github.com/dmuneras/moodle-theme_archaius/issues/26#issuecomment-57893095 .

dmuneras commented 9 years ago

Hi Roy,

OPINION

I like a lot your solution for lateral blocks items, It is good.

About the slideshow, you are not using my slider, it only can be used in the frontpage and you are pointing to a course page.

My slider used to be fully responsive, but it was problematic in Moodle, because for some people it took too much space of the page, so, I have to force a height and allow people to set the height in pixels using Archaius settings. Anyway images will scale until it is possible to preserve proportions.

You can override my 'dirty' setting to make it fully responsive again.

Take a look of this video: http://quick.as/qr6lso3b, I was very sleepy when I recorded (sorry).

AOUT YOUR MOODLE

Which version of Moodle are you using? and what is the version of archaius? because it seems to be kind of old.

Regards, Daniel.

roybentley commented 9 years ago

Hi Daniel

Thank you for your instructional video. It was very much appreciated, and very useful. Yes, my slideshow was for a course page so, unfortunately, I could not use Archaius' slideshow - I had to use Freemake http://www.freemake.com/ as this was the only application I could find which would resize slides properly for IPhone (Freemake renders in mp4).

You are right, my Moodle and Archaius versions need upgrading. I will do this during the next school holiday :-) Now I will try to make Archaius's front page header look better on IPhone (too much space at the moment - image below).

As always, many many thanks

Roy Bentley Birmingham UK

On 4 October 2014 17:32, Daniel Múnera Sánchez notifications@github.com wrote:

Hi Roy, OPINION

I like a lot your solution for lateral blocks items, It is good.

About the slideshow, you are not using my slider, it only can be used in the frontpage and you are pointing to a course page.

My slider used to be fully responsive, but it was problematic in Moodle, because for some people it took too much space of the page, so, I have to force a height and allow people to set the height in pixels using Archaius settings. Anyway images will scale until it is possible to preserve proportions.

You can override my 'dirty' setting to make it fully responsive again.

Take a look of this video: http://quick.as/qr6lso3b, I was very sleepy when I recorded (sorry). AOUT YOUR MOODLE

Which version of Moodle are you using? and what is the version of archaius? because it seems to be kind of old.

Regards, Daniel.

— Reply to this email directly or view it on GitHub https://github.com/dmuneras/moodle-theme_archaius/issues/26#issuecomment-57910762 .

dmuneras commented 9 years ago

When you update archaius the problem will be gone. At the moment I think this can help you:

.headermenu{ position:absolute; width:200px; }

Add it to Archais custom menu setting and test it, I think it could help a bit.