Pivot talk:Community Portal

Welcome to the community portal.

This is the place for general inquiries, your ideas or comments.

• General documentation
• Issue tracker

---

A first-rate skin

I have a couple of wikis in the Miraheze wikifarm, one of which (my Great War website) is now using the Pivot skin. Firstly, this skin looks amazing and works so well with various devices, one of the reasons I chose it. Secondly, the aesthetics look great and the clean lines and bold features make this the perfect skin for my project. I am in the process, however, of making a few tweaks here and there, which for the most part, have been successful. I am still working on making a few minor changes but not being a programmer my understanding of how things work are limited. Borderman (talk) 19:59, 2 June 2018 (CEST)

Thanks a lot for your feedback. Great that you like this skin. --Kghbln (talk) 12:14, 3 June 2018 (CEST)

Contact page

I would like to point out that this site really needs a community page, or at the very least, a way of contacting the administrators. Having no guest editing or a "contact us" page with at least one point of contact made things so much more difficult in asking about the skin or doing general research. Borderman (talk) 19:59, 2 June 2018 (CEST)

I guess you found the community portal right away. :) However I mark this page as the entry point for discussions more clearly. Requiring registration helps preventing spam. I do not think that requiring registration is to much of a burden either. --Kghbln (talk) 12:14, 3 June 2018 (CEST)

I did, in fact the community portal was the first place I tried when I had a question but was surprised to find it empty. Registering for an account is easy but for some reason when I tried the temporary password, it didn't work. I had to get another temporary password, which worked. Even having a generic email contact would have been handy. But I understand the need to prevent spam, which I find most contemptible. Borderman (talk) 00:21, 4 June 2018 (CEST)

This is indeed a wiki I do not have a look at every day so having some kind of "protection" is preferable. Cheers --Kghbln (talk) 09:38, 6 June 2018 (CEST)

Font Awesome versions

With regards to font awesome, they are now using version 5, which is a complete re-write and the version 4.7 does not work. I had to use font awesome bootstrap cheats for the icons I wanted to appear. A useful website for a quick fix for my needs but I am wondering if there is any way version 5 can be included in a future update of the skin? Borderman (talk) 19:59, 2 June 2018 (CEST)

See this issue --Kghbln (talk) 12:14, 3 June 2018 (CEST)

Does this mean an update to version 5 might happen? Or are the sizeable issues surrounding an update heading in the direction of using using something else? I'm not using the icons excessively but one thing that attracted me to the skin was that font awesome was fully supported. Borderman (talk) 00:39, 4 June 2018 (CEST)

The issues are Font Awesome now has a open source and a pro version. Problem is they changed some classes to the open source version. If I do update it or anyone sends a PR to update it, there will be some backwards compatibility issues. Hutchy68 (talk) 01:32, 6 June 2018 (CEST)

Seems like they threw a spanner in the works. FA v4.7 was fine the way it was and I understand there would be quite a bit of work involved to make v5 work. I guess as long as users can still use v4.7 in Pivot there'll be no need to update any time soon. Borderman (talk) 22:25, 6 June 2018 (CEST)

You can load an external Snippet like FontAwesome's stylesheet to your header with $wgHooks. Get the code from this section and add it to the end of your LocalSettings.php file. Replace addScriptFile( 'https://www.example.org/awesomescript.js' with addStyle( 'https://use.fontawesome.com/releases/v5.6.3/css/all.css' and it should work. Tested on MediaWiki 1.26.3 with a v.5 logo like class="fab fa-discord". Works great :] PatrikRoy (talk) 10:22, 29 December 2018 (CET)

Wikitable and image thumb styles

I really like the basic and clean look of Mediawiki's wikitable and image thumbs, which have a 1px solid grey border and lines. Using the Pivot skin has removed those, left-aligned everything I had centered and increased the overall size of the tables. I have tweaked one on the templates that transluded a wikitable on a few hundred pages but I have a various other wikitables throughout the site that also look slightly out of place. How can I get those styles back but still keep using this skin, which has by a long shot performed much better than any other skin I have used (apart from Vector). Borderman (talk) 19:59, 2 June 2018 (CEST)

Well, this is probably related to this skin's usage of the Foundation framework. However I guess general CSS tweaks could be served with the skin. --Kghbln (talk) 12:14, 3 June 2018 (CEST)

So, does this mean I will have to tweak all my other templates that use the wikitable class? Or do you mean a class that will effectively change the foundation framework's look back to the general style of a wikitable and image thumb? If the latter, what would the CSS consist of? Borderman (talk) 00:39, 4 June 2018 (CEST)

Just add the code found on my user page User:Hutchy68/pivot.css to MediaWIki:Pivot.css on your site. That is the CSS used for wikitables on MediaWiki. Make sure you clear your cache of the css. CTRL-F5 Hutchy68 (talk) 01:30, 6 June 2018 (CEST)

Have added the code, my wikitables are back, thanks. Borderman (talk) 22:26, 6 June 2018 (CEST)

I have created a couple of other classes for tables to display slightly differently from each other but I am having a problem displaying the image "thumb" correctly, example on my Second Battle of Ypres page. I made a couple of tweaks to get the border back with the 3px inner padding but I can't get the magnify button to display. I like the clean, crispness of the borderless images, however, it would be nice to have the image thumb option and to be able to display it center as well (see below). Any suggestions as to a fix would be most appreciated, thanks. Borderman (talk) 21:59, 16 June 2018 (CEST)

Notification icons

Is there a way of putting the notification icons either in the top bar near the login icon or in the actions drop-down (with a notifications badge that appears on the actions button) instead? I find them useful but a little in the way where they are.

I intend to continue to design my website around this skin and hope that there are ways of making these further tweaks to maintain the certain look and feel I am after, combined with the power of a skin that performs excellently on all devices. Borderman (talk) 19:59, 2 June 2018 (CEST)

These notification icons are a pain in the ... Nearly every version of the Echo extension comes with substantial changes here. Tom had a hard time to get this working in a sane way. However I will point him to this suggestion for him to comment. --Kghbln (talk) 12:14, 3 June 2018 (CEST)

I have noticed they do move from place to place. Sometimes the alerts icon moves lower down the page for what appears like no reason at all but I think that has something to do with me using CSS to move them slightly. If I could just get them stationary in the top bar that would be great but I haven't found a way to do that yet. I think what would be great is to not see them at until a message or notification pops up. That would be an ideal situation but probably one that causes a migraine in sorting out! Borderman (talk) 22:33, 6 June 2018 (CEST)

File "center" parameter not working

I was just wondering if this issue is also connected to Foundation. Using the center parameter [[File:Demo4.jpg|400px|center]] doesn't seem to be working. This is quite a big issue as I use the center parameter for a few pictures. How is this best resolved or what is the best work-around? Thanks. Borderman (talk) 21:51, 16 June 2018 (CEST)

Just revisiting this as not having centred images is a bit of a problem, especially when transcribing works that specifically have centred images. Any way around this please? Seems odd for the "center" parameter to not work when it is a fundamental part of displaying images in Mediawiki, as is using the "thumb" parameter to automatically right align with a border. Borderman (talk) 23:15, 25 June 2018 (CEST)

The "center" class is not being applied to the image. I guess it is worth filing an issue for this. --Kghbln (talk) 10:15, 26 June 2018 (CEST)

Tabs not displaying

Hi, on a fresh install of MediaWiki 1.31.1, all extensions disabled, I'm unable to find how to make Pivot's Tabs working. Does it requires a certain extension, like some installed here? PatrikRoy (talk) 18:20, 31 December 2018 (CET)

No this should work out of the box however you need to enable their usage via configuration. Cheers --Kghbln (talk) 10:27, 21 January 2019 (CET)

Right to Left Problem

Hi Guys

Is There any way to use this skin with right to left wikis.

--VectoUser (talk) 12:00, 23 May 2019 (CEST)

I do not think so. I believe this is a feature request that should be added to GitHub. Cheers --Kghbln (talk) 12:24, 23 May 2019 (CEST)

Thanks for your reply, would you please take care of this requset? I don't have GitHub account. --VectoUser (talk) 13:02, 23 May 2019 (CEST)

Namespace labels

Is there the possibility to enable/disable the namespace labels? Here an example: <h4 class="namespace label">Special</h4> -- S0r1n 08:59, 23 July 2019‎

Not via configruation. Have you considered/tried CSS "display: none" for the class via "MediaWiki:Pivot.css"? --Kghbln (talk) 09:38, 23 July 2019 (CEST)

Thank you! Indeed it worked via CSS: .namespace.label { display: none !important;} -- S0r1n 09:11, 24 July 2019‎

Add icons to elements with german umlauts

How is possible to add icons to elements which contain german umlauts? --S0r1n 12:36, 24 July 2019‎

Here an example: in MediaWiki:Sidebar the element "Prüfung" will generate <li id="n-Pr.C3.BCfung"> How to adjust the code in MediaWiki:Pivot.js, while this line:

$('li#n-Pr.C3.BCfung a').prepend('<div id="drop-icon"><i class="fa fa-folder-open fa-fw"></i></div>');

won't show the icon? --S0r1n 20:28, 24 July 2019‎

It seems the solution is to escape the dots like:

$('li#n-Pr\\.C3\\.BCfung a').prepend('<div id="drop-icon"><i class="fa fa-folder-open fa-fw"></i></div>');

--S0r1n 09:42, 25 July 2019‎ S0r1n

Thanks a lot for sharing your findings. Actually I tried this once too but did not come up with a solutions right away. Since it was not so important to me back then ... Anyways, great! --Kghbln (talk) 15:16, 25 July 2019 (CEST)

Issue with Favorites extension

The $wgUseIconFavorite parameter will use the same "Star" icon that is included with the Vector Watchlist. If you are already using the Star icon for your watched items, you may want to set $wgVectorUseIconWatch to false in LocalSettings.php. (excerpted from Configuration)

'Favorite' will be shown in the 'Actions' menu after installing Favorites extension without the start icon.

If $wgUseIconFavorite is set true, then with 2 rows of stars icons will replace it.

As well there is no icon for 'My favorites' in the 'Personal' menu (when $wgVectorUseIconWatch is set to true)

--S0r1n 12:45, 1 October 2019‎

Have you tried to add the icon manually via JavaScript? This is probably the only way out here. May also be necessary to use another star icon. $wgVectorUseIconWatch is a Vector skin specific setting and expected not to work for Pivot. --Kghbln (talk) 19:59, 4 October 2019 (CEST)

Thank you, it worked using CSS: --S0r1n 12:45, 1 October 2019‎

    /* add a star icon to the Favorites' Actions menu  */
    #ca-favorite a::before {
      content: "\f005";
    }

    /* add a star icon to the Favorites' Personal menu */
    #pt-0 a::before {
      content: "\f005";
    }

Thanks for sharing your solution! --Kghbln (talk) 14:38, 7 October 2019 (CEST)

FontAwesome Icon Loading Inconsistency

I used the FAQ to add icons to the menu (https://pivot.wikiproject.net/wiki/FAQs), but noticed that those icons load later or sometimes not at all, while static ones like the Main Page always load and are there initially. I searched for where those are added in the skin looking for fa-home (and the other fa icons), but didn't find them. How is the Main Page FA icon added and why is it being done earlier? Is it part of the php processing before the pivot.js runs? I would like to add my icons to the same location, so they all load at the same time. --Starchildren 10:20, 16 April 2020

I found them in the assets/stylesheets/fontawsome.css file. The icons were called \f015 instead of fa-home. --Starchildren 09:13, 17 April 2020 (CEST)

Icons are broken after upgrade

Icons were shown fine in MW1.35, but after upgrade. Is Font Awesome still supported in MW1.39? --S0r1n 17:06, 6 March 2023

This may be an issue with Firefox only. See if it works with Chrome. I had the same thing with Foreground - and no solution. Anyhow, this is an issue that should be reported via Phabricator. --Kghbln (talk) 17:27, 6 March 2023 (CET)

Nor with Chrome neither with Firefox is working, but the following error occurs: downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:400 stretch:100 src index:1) --S0r1n 18:01, 6 March 2023

The solution was to change 'pivot' directory name to 'Pivot'. --S0r1n 10:52, 10 March 2023

Wow, cool! Very nice find. Thank you for sharing the solution. --Kghbln (talk) 11:22, 12 March 2023 (CET)

Hmm, I just updated this wiki to 1.39; for me, it was the other way around. I needed to change the directory name from "Pivot" to "pivot". Anyhow, if someone experiences this issue, they must test either solution. Cheers, --Kghbln (talk) 19:23, 6 January 2024 (CET)

I guess this only applies from MediaWiki 1.41 onwards. I added a note to Main Page. --Kghbln (talk) 21:01, 7 January 2024 (CET)

Thumb images

First of all, kudos. Love this skin. I have a problem with images, though. Thumbs in articles show without any style.

So, this [[File:A.jpg|thumb|alt=B|C]], just shows an image and captions below without borders, always on the left, and more.

I know I'm missing a setting or something because this problem doesn't happpen here. Thanks. Example in this page. All those images in a column on the left are thumbs originally spread around the page. --Lizardkg (talk) 20:38, 22 January 2024 (CET)

Hmm, it is working on this wiki, but it is still on 1.39.x

C

Perhaps the classes "thumb tnone" and "thumbinner" are no longer applied to thumbs and instead they use the "figure" and "figcaption" tags as I can see from your code. --

On your wiki: <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/index.php?title=Archivo:Aditus_4.jpg" class="mw-file-description"><img src="/images/thumb/f/f9/Aditus_4.jpg/266px-Aditus_4.jpg" decoding="async" loading="lazy" width="266" height="181" srcset="/images/thumb/f/f9/Aditus_4.jpg/399px-Aditus_4.jpg 1.5x, /images/thumb/f/f9/Aditus_4.jpg/532px-Aditus_4.jpg 2x" data-file-width="650" data-file-height="443" /></a><figcaption>Liberatoscioli, Henríquez, De Sola, Carlos Atilano, Álvaro Falcón y José Ignacio Lares ca. 1975.</figcaption></figure>

On this wiki: <div class="thumb tright"><div class="thumbinner" style="width:302px;"><a href="/wiki/File:Demo4.jpg" class="image"><img alt="B" src="/w/thumb.php?f=Demo4.jpg&amp;width=300" decoding="async" width="300" height="200" class="thumbimage" srcset="/w/thumb.php?f=Demo4.jpg&amp;width=450 1.5x, /w/thumb.php?f=Demo4.jpg&amp;width=600 2x" data-file-width="1024" data-file-height="681" /></a> <div class="thumbcaption"><div class="magnify"><a href="/wiki/File:Demo4.jpg" class="internal" title="Enlarge"></a></div>C</div></div></div>

I think it is worth posting the question to MediaWiki.org at the Pivot skin talk page and ping Jdlrobson. Cheers --Kghbln (talk) 21:30, 22 January 2024 (CET)

Thanks. Posted there. Thanks for the insights. I had noticed the class change. One question, how do you ping?--Lizardkg (talk) 22:47, 22 January 2024 (CET)

Let's see what he says. I just pinged him using the respective template. There is another way without using the tamplate but I forgot. --Kghbln (talk) 09:27, 23 January 2024 (CET)