Welcome to EverybodyWiki 😃 ! Nuvola apps kgpg.png Log in or ➕👤 create an account to improve, watchlist or create an article like a 🏭 company page or a 👨👩 bio (yours ?)...

Topic on Everybodywiki talk:Technical issues

From EverybodyWiki Bios & Wiki

Vector like responsive skin

13
WikiMaster (talkcontribs)

Hello @Handroid7 @Mh6ti @Aquifer @Kandlis101 @Hérisson grognon @Florian COLLIN.

I'm Ok to make EverybodyWiki looks closer to Wikipedia.

I would like to develop a new skin based on Bootstrap/Chameleon that looks like vector. I will test it on a few visited EverybodyWiki : the danish one.

The main work to do is on the Layout of page elements :

https://github.com/ProfessionalWiki/chameleon/blob/master/docs/customization.md#layout-of-page-elements

to display the nav bar on the left for wide screen only (800 px and more ?)

I will copy the content of current layouts/vectorlike.xml file in this page

https://da.everybodywiki.com/index.php?title=Everybodywiki:Vectorlike.xml&action=edit

If you are interested we can work together on this project

Handroid7 (talkcontribs)

Sure, I can help.

In User:Handroid7/chameleon.css, I have already developed a side bar from the bottom tool bar for 500px to 1500px (tablets).

Feel free to try it out.


I noticed another problem in MediaWiki:Chameleon.css: In order to be effective, this code:

/*The container padding is too large for mobile phones and tablets (screenshot)*/
@media (max-width:960px) {
    .container { padding: 0 0.5rem; }
}

needs to be moved below:

.container { padding: 0 2rem; max-width: none; }

.

Because in CSS, the last declaration of an equal parameter takes priority.

WikiMaster (talkcontribs)

Ok I have move it below. And I will test your css code on User:Handroid7/chameleon.css. Thanks

Handroid7 (talkcontribs)

One thing that may bother some users is the screen space reserved by the side bar, even when scrolling down. It does not bother me much, but just as a thought.

WikiMaster (talkcontribs)

I agree space could be wasted. Maybe side bar could "follow" the screen when the user scrolls down and remains visible.

WikiMaster (talkcontribs)
WikiMaster (talkcontribs)
Handroid7 (talkcontribs)

I will take a look tomorrow.

But the notification menu currently works as intended on mobile to me.

WikiMaster (talkcontribs)
Kandlis101 (talkcontribs)

Good job. Make EW look closer like EN wiki and wikiAlpha

Handroid7 (talkcontribs)

Users can actually select Vector or Monobook in Special:Preferences#mw-prefsection-rendering, if they wish a layout resembling Wikipedia.

But if the side bar is implemented, I recommend it to stay on the screen. Another consideration is narrow browser heights, which could be caused by users having multiple browser windows on screen on top of each other (although side-by-side is more conventional).

WikiMaster (talkcontribs)

Hello, unfortunately anons users cannot select vector in their pref.

Handroid7 (talkcontribs)

Sadly, MediaWiki lacks the feature to set the skin as browser cookie.

I hope they implement it at some point.

I have done a search on MediaWiki.org. Apparently highly requested feature.

There is an URL parameter: useskin=vector. But it does not persist the skin when navigating away from the shown page.