Skin talk:Metrolook

Jump to navigation Jump to search

About this board

SOLVED - hack to get 7.0 alpha 3 (48c1b49) to work in MW 1.34.x

4
Summary by Revansx

change:

skin.json: "MediaWiki": ">= 1.36.0"

to

skin.json: "MediaWiki": ">= 1.34.0"

and then

replace every occurrence of makeMetroLookListItem with makeListItem in /skins/Metrolook/MetrolookTemplate.php

as well as the last line from:

return $this->getSkin()->makeListItem( $key, $item, $options );

to

return parent::makeListItem( $key, $item, $options );
Revansx (talkcontribs)

I'm running:

but i'm having some minor issues and was wondering if the developers would recommend using -b master

Please advise. What is the best version for most up-to-date version compatible with MW 1.34.x. Thansk!

TeeEmCee (talkcontribs)

I've found that the REL1_35 release of Metrolook is incompatible with MW 1.34.x, due to use of Skin::makeListItem() which doesn't exist. (Metrolook commit b8f4807ccc6f3f9b)

Revansx (talkcontribs)

So.. I installed version:REL1_35 in my MW 1.34.4 wiki and then replaced every occurrence of makeMetroLookListItem with makeListItem in /skins/Metrolook/MetrolookTemplate.php and it seems to be working great!

Note - this effectively just "undoes" metrolook commmit b8f4807ccc6f3f9b114ada830d664703e02aee68

Revansx (talkcontribs)

change:

skin.json: "MediaWiki": ">= 1.36.0"

to

skin.json: "MediaWiki": ">= 1.34.0"

and then

replace every occurrence of makeMetroLookListItem with makeListItem in /skins/Metrolook/MetrolookTemplate.php

SOLVED - Sidebar collapsed by default

3
Summary by Revansx

turns out the way to do this is to change 768px to 7680px in the following 2 locations:

components/mobile/mobile.less:@media (max-width: 768px) {
components/mobile/mobile-custom.less:@media (max-width: 768px) {

This will make metrolook keep the left side-bar menu collapsed for all screens less that 7,680 pixels. w00t!

Revansx (talkcontribs)

Hi. I really love this skin. Thank you so much!

Can someone give me a pointer about how to make the Mediawiki:Sidebar (#mw-panel) collapsed by default regardless of screen-size? I see that metrolook uses JS to auto-collapse the sidebar when the main content div gets too crowded.. I'd really like to configure it to have the side bar menu collapsed by default regardless of crowding. Is this easy?

Revansx (talkcontribs)

I found the line, "media": "screen and (min-width: 982px)" in the file skin.json, that seems to be related to what triggers the mw-panel JS, but I'm out of my area of understanding with json and so am leary about tinkering with it there.

Revansx (talkcontribs)

@Paladox, is there a CSS statement I can place in Mediawiki:Metrolook.css that would make the side collapsed by default? (such that the user always sees the hamburger icon regardless of the screen size) Thanks!

The content links do not work.

2
Pneuma01 (talkcontribs)

The cause seems to be this javascipt error.

Uncaught TypeError: $(...).lastTabIndex is not a function

    at HTMLDocument.<anonymous> (<anonymous>:8:560)

    at mightThrow (load.php?lang=ja&modules=jquery&skin=metrolook&version=tqh7e:49)

    at process (load.php?lang=ja&modules=jquery&skin=metrolook&version=tqh7e:49)
Pneuma01 (talkcontribs)

When I looked into this problem, I found that the anchors work fine for English strings, but they seem to stop working for Unicode strings such as Japanese.

This is a great skin and I wanted to use it, but I'm a little disappointed.

Does anyone know how to solve this problem?

Thank you.

Reply to "The content links do not work."

Text in the top bar menu not centered

2
Ludost Mlačani (talkcontribs)

Hi, I applied this skin in my wiki and I noticed the text in the top bar (Main Page, Discussion, View etc.) is not centered as it should be and as it is on https://www.pidgi.net/wiki/Main_Page.


But then I was looking at some links here and I see that it is not only my problem, it is the same for other wikis, for instance https://encyclopediaofastrobiology.org/wiki/Main_Page. I thought maybe it is my browser, but it is the same in all browsres and as I said it works correctly on PidgyWiki.


So, how do I center the text?

Silkwood (talkcontribs)

Don't know if you have found a solution but, said that I have the same problem, I realized that at PidgyWiki they use this:

Installed skins

Skin Version License Description Authors
Vector GPL-2.0-or-later Modern version of MonoBook with fresh look and many usability improvements Trevor Parscal, Roan Kattouw and others


Hmmm ....

Reply to "Text in the top bar menu not centered"

I like that these skin must be used in all wikimedia wikis

1
Rodney Araujo (talkcontribs)

Hello, i like that the skin "Metrolook" must be installed and used in all Wikimedia Wikis, thanks

Reply to "I like that these skin must be used in all wikimedia wikis"

Does anyone using Metrolook also use Extension:Page Forms?

1
Revansx (talkcontribs)
  • MW 1.34.1 (b1f6480)
  • Metrolook 7.0 alpha 2 (48c1b49)
  • Page Forms 4.9.4 (c4fb7d3)

I'm experiencing a weird JS focus issue with the "popup" option of the #formlink parser function. I would like to know if anyone else is experiencing it. Basically, the scrollbar *jumps* to the top of the page every time I scroll down and then click on something. Thanks!

Reply to "Does anyone using Metrolook also use Extension:Page Forms?"

Is it possible to use the user's "Real Name" or "DisplayTitle" in the top right of metrolook?

1
Revansx (talkcontribs)

Top right of metrolook is always the user's username. Is it possible to use either the user's RealName (if set) or a Display Title Name (if set)? Thanks!

Reply to "Is it possible to use the user's "Real Name" or "DisplayTitle" in the top right of metrolook?"

Page Forms Extension compatibility problem

3
Revansx (talkcontribs)

I'm using:

  • Metrolook 7.0 alpha 2 (48c1b49)
  • MediaWiki 1.34.1 (3bdc458) with
  • Page Forms Page Forms 4.8

and I use #formlinks with the "popup" option.

Metrolook is causing an odd behavior with the Page Forms "popup" window feature in #formlinks. Clicking on any form field causes the form to automaticly scroll to top of the form window when selecting {{{fields using |popups in Page Form.

My forms are often longer than will fit in the popup display window and so it's great the users can scroll down the form in the popup window.

The issue is that when a user selects a field, the form automatically scrolls back up to the top of the form which makes it impossible for users to keep their place in editing the form.

Is anyone else experiencing this?

Any obvious causes or solutions?

Revansx (talkcontribs)
Revansx (talkcontribs)

Doesn't anyone support this Skin?

Reply to "Page Forms Extension compatibility problem"

CSS Problem with VisualEditor

1
Summary by Revansx

Solved - added:

.ve-ui-toolbar > .oo-ui-toolbar-bar { z-index: 5; }

to "Mediawiki:Metrolook.css" and it works fine now.

Revansx (talkcontribs)
  • Metrolook 7.0 alpha 2 (8140b4f) 04:46, 14 April 2018
  • MW 1.31.2 (5951e3e)
  • Visual Editor 0.1.0 (c3c9140) 00:54, 4 September 2019

Problem - Editing toolbar is "hidden" under the metrolook top banner.

Can someone please explain how to correct this?

Why can't I see the notification icon (tray.svg) next to the alert bell?

4
Silkwood (talkcontribs)

My conf:

Product Version
MediaWiki 1.32.5
PHP 7.2.17-0ubuntu0.18.04.1 (apache2handler)
MariaDB 10.1.38-MariaDB-0ubuntu0.18.04.1
ICU 60.2
Elasticsearch 5.6.16
Skin Version License Description Authors
Metrolook 7.0 alpha 2 (578ddcf) 19:13, October 11, 2018 GPL-2.0-or-later Metrolook is a Metro-inspired fork of the Vector skin immewnity, Paladox, Craig Davison and lagleki

@Paladox although it works correctly with Monobook and Vector skins, the ECHO (Notifications) extension does not show the notification icon (tray.svg) in MetroLook but only the bell icon (bell.svg).

Am I miss some configuration parameter?


Any help appreciated.

Revansx (talkcontribs)

I'm experiencing the same thing. I assumed that metrolook is simply not compatible with Echo yet. Would love to know what the Metrolook devs have to say on this.

@Paladox - is there a quick answer on this one?

Paladox (talkcontribs)

Hi, Metrolook should be compatible with Echo. Possibly needs to be fixed to support it again.

Revansx (talkcontribs)

interesting that you say "again" .. Is there a history of issues with Echo?

Reply to "Why can't I see the notification icon (tray.svg) next to the alert bell?"