Topic on Everybodywiki talk:Technical issues

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

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.

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

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.

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

Here you can watch an animation of the responsive behaviour of the "vector like" skin

Images/e/e6/Vector like chameleon reponsive animation.gif

From the page : https://da.everybodywiki.com/Anders_Kloppenborg

There are some bugs of Echo notifications for wide and small screens

Hello @Handroid7 I have uploaded 2 screen shots of css bugs related to Echo notifications : Projet:Technical_issues#Echo_notifications do you know how to fix them ?

I will take a look tomorrow.

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

Thanks, but you will see the bug only on the danish version : https://da.everybodywiki.com

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

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).

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

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.