Issues:002

From its-wiki.no
Jump to: navigation, search
Go to Issue Log page
Headline Semantic MediaWiki Footer
Status Closed
Issue ID 002
Issue Type Enhancement
Priority Normal
Description I'd like to see the footer (example: MediaWiki:Hf-nsfooter-IoTSec) being combined with the semantic mediawiki footer
Page Link IoTSec:Home
Screenshot Screen Shot 2015-09-09 at 09.28.58.png
Created By Josef.Noll
Date Added 2015/09/09


Response This is proving to be tricky. I think we may have to sneaky and design the CSS to make it looks like they are one item using z-indexing.
Page Link
Responded by Neill
Response Added 2015/09/10


Response I expected you to like "tricky" things :-). The problem with z-indexing is that the index varies a lot, depending on e.g. a Category entry.

We used z-indexing when working with BasicInternet:Home to add the social media. And I really like the Category entry, provides me a hint for further look-up. But the most important one for me would be that the namespace footer "copies" the settings of header/footer from the skin. (not like in IoTSec.no, where the I have white on grey for the namespace footer, and black on white for the page footer)

Page Link IoTSec:Home
Responded by Josef.Noll
Response Added 2015/09/10


Response the formatting comes from the id=cwi-footer or bif-footer. But I have not found out how to a) change the color of the "links" (it's not color:) in MediaWiki:Hf-nsfooter-IoTSec. Only background works, changing to grey.

What I'd like to see: same colour combination as the "skin footer".

Page Link MediaWiki:Hf-nsfooter-IoTSec
Responded by Josef.Noll
Response Added 2015/09/10


Response Okay, it appears that the per namespace footer extension ignores CSS defined in Common.css.

However, all is not lost as the CSS can be defined in the skin definition main.css. So I have defined black links. I also removed the hardcoding of the background and also sorted out the vertical alignment. I'll also define a h2 rather than hardcoding 120% font size for the headers.


Regarding the overall footer question. I am beginning to think that where we have a custom footer, we simply switch off the MW footer and simply add the Upload File / Special Pages etc links into the custom footer.

Page Link
Responded by Neill
Response Added 2015/09/23


Response Hi Josef.

I've had a go at this on the IoTSec skin (even tried it logged out!). Let me know what you think. Do non-logged in users need to see the Discussion, History etc toolbar? If not, we could hide it from non-logged in users which will make the footer look completely merged for those people.

Page Link
Responded by Neill
Response Added 2015/10/06


Response Hi Neill,

great achievement so far. It really looks good. - Only... if I add a "Category:Meeting", then I get a "half hidden" Category:Meeting and a separation. I would leave it to you. If it is an easy fix (estimated 2-4 hours), or if you find it interesting to work with, then "go ahead". Otherwise, leave it as it is.

Page Link http://cwi.unik.no/wiki/IoTSec:IoTSec_kick-off_Halden
Screenshot Screen Shot 2015-10-09 at 00.35.35.png
Responded by Josef.Noll
Response Added 2015/10/09


Response There's always a gotcha ;) Do you want the catlinks to show above the footer, or not at all? Either way, it should be a quick fix. For now I have hidden it on Meeting pages by putting some CSS into the Meeting template.
Page Link
Responded by Neill
Response Added 2015/10/13


Response I'd like to see them above the Footer (if I correctly understood). For me, 'footer' means both the HF-nsfooter-IoTSec + the edit line
Page Link
Responded by Josef.Noll
Response Added 2015/10/17


Response Okay, I'll give it a go. It is getting rather tricky as the Category element is anchored in the skin code above the "real" footer.
Page Link
Responded by Neill
Response Added 2015/10/19


Response I think we may have to get sneaky here and store the category in a property. We can then have a query in the HF-nsfooter-IoTSec part to provide the link to the category page.
Page Link
Responded by Neill
Response Added 2015/10/29


Response I have a property called HasCategory to store the category and then use a #show in the template to provide a "fake" link to the category. You can see it here:

http://cwi.unik.no/wiki/IoTAdmin:AI-001 and here http://cwi.unik.no/wiki/IoTAdmin:Fitness_and_health

Page Link
Responded by Neill
Response Added 2015/11/04


Response Hi Neill.

Excellent work around, thanks. I'm happy with the results. How can I copy the solution to my other skins like: cwi, gravid and bif

Page Link
Responded by Josef.Noll
Response Added 2015/11/17


Response Hi Josef.

Thanks, we got there in the end!

To put this into your other skins you will need to copy the iotsec_footer and bif_footer CSS from /var/www/mediawiki/skins/iotsec_template.css to the corresponding file in the other skins.

Then you need to add:

<css>.catlinks {display:none}<css/>

to the templates where you want to have the new footer box.

Page Link
Responded by Neill
Response Added 2015/11/24


Response THANK YOU, well done!
Page Link
Responded by Josef.Noll
Response Added 2015/12/16