Skin talk:Foreground/Flow

Previous page history was archived for backup purposes at Skin talk:Foreground/LQT Archive 1 on 2015-06-25.

I 'm using foreground (branch REL1_42) on mediawiki 1.42, with a linux apache server. Foreground is in a directory called foreground but it references fonts in a directory called Foreground. So I tried to rename the directory, which triggered an error.

I had to create a Foreground directory with an assets symlink to the foreground/assets directory, so that icons would display…

There might be a correction somewhere to correct that behavior…

Thanks for everything

@Loizbec: The directory should be called Foreground. What error do you get when you call it that? It'd be better to fix that error, rather than renaming it to foreground.

foreground configuration error MediaWiki is unable to load the skin foreground. Please check that the skin's name is correct and all of its files are properly installed. Details:

Error reading /var/www/html/w/skins/foreground/skin.json. filemtime(): stat failed for /var/www/html/w/skins/foreground/skin.json.

1. 0 /var/www/html/w/includes/GlobalFunctions.php(90): ExtensionRegistry->queue()
2. 1 /var/www/html/w/LocalSettings.php(192): wfLoadSkin()
3. 2 /var/www/html/w/includes/Setup.php(215): require_once('...')
4. 3 /var/www/html/w/includes/WebStart.php(85): require_once('...')
5. 4 /var/www/html/w/index.php(50): require('...')
6. 5 {main}

Fatal error:  Error Loading extension. Unable to open file /var/www/html/w/skins/foreground/skin.json: filemtime(): stat failed for /var/www/html/w/skins/foreground/skin.json in /var/www/html/w/includes/registration/MissingExtensionException.php on line 96

I'm sorry I have bothered you with that… It was my wfLoadSkin that was in lower case (it worked with v_1.35).

@Loizbec: No worries. It changed, and was not backwards compatible. Seemed worth breaking things, to align Foreground with other skins. Might've been the wrong choice! :-)

Hi,

Thanks for this great skin.

Since upgrade to MW 1.41, action button and navigation bar items are not working anymore.

Javascript console shows me this error :

La ressource à l’adresse « /mediawiki/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=foreground » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).

When opening the URL in Firefox, i get :

[6152c6b74483b46c7689fac2] /mediawiki/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=foreground Error: Class "ResourceLoaderSkinModule" not found

Do you have any idea ?

Thanks very much

Sorry, was due to another extension that wasn't up to date.

Works great now !

I wanted to update my installation from MW 1.39 to 1.40 (and download the latest version of the skin).

When updating, all the thumbnails disappeared. The images were displayed "raw", without formatting.

The wikicode is correct. And when testing the installation with the Vector skin, there were no problems. It only existed with the Foreground skin. As he ignore the styling code for images.

As I want to keep this skin, I went back to the old version.

That said, one day I'll have to update my MW... Does anyone have any idea what the problem is?

Hi ! Were you able to resolve this problem?

I have the same with MW 1_41 and Foreground.

I solved the problem temporarily with Mediawiki:Foreground.css.

~~~~

Hi.

No, I didn't solve the problem with foreground. So I switched to the tweeki skin, which is much more practical for my use.

When I change the font used on my wiki to Times New Roman, it seems tiny in comparison with Arial... what is the best way to increase the font size slightly throughout the whole wiki? Thanks. (First posted on Topic:Wilvjx2lnfh5ulyu but I guess it's better to ask here seeing as I'm using the Foreground skin rather than Vector.)

I compromised and used Georgia in the end. It has serifs, which I want, but is about the same size as Arial so I won't need to adjust any CSS.

Why don't you want to use CSS ? With the /Mediawiki:Common.css pages (or /Mediawiki:Foreground.css for the skin only), it's very simple to change your site's font.

This was two years ago now, but from memory it was easy to change the font, but really hard to change the font size. I think this was because its hard coded into the Foreground CSS in dozens of places. And because Times New Roman just seems to be smaller at the same point size compared with Arial or Georgia. It wasn't any underlying philosophy of not wanting to use CSS: it was just that I hadn't found it as easy as I had hoped. I managed it in the end by fiddling with the rem font-size of various HTML elements (making some >1 and some <1).

Ha. I don't have any problems with MediaWiki:Common.css. You really should take up CSS... It allows you to modify almost anything in any way ;)

Don't forget to format in "em" and not in "px". And try !important if not working. It works for titles, body, buttons, etc.

Eg :

/* Formatage des titres */

h1

{

font-size: 1.875em !important;

font-weight: 500;

}

h2

{

font-size: 1.5em;

}

h3

{

font-size: 1.1em;

font-weight: 600;

}

h4

{

font-size: 1.1em;

}

Good for you. I used rem rather than em but took a similar approach.

P.S. What I had hoped for at the beginning was a way of adding one line of CSS to increase the font size site-wide to, let's say, 110%. It was a while ago now, but I think that worked for some elements and not others, which meant I had to target each element separately.

Ha ok. I get it. You can apply any attribute (font size, font family, background,...) to the whole page using the html operator (the page) * (all selectors) like this to Mediawiki:YourSkin.css :

html * {

  font-size: 105% !important;

}

That said, using universal selector is not recommended. It may slow down the site, it may conflict with certain elements and values that are too high may "break" the page.

I'm setting up a new wiki 1.38.2 & the columns have stopped working for text. Instead of the text wrapping, it creates a scroll bar to have the text content pass the column. Hopefully someone is still maintaining this skin.

It looks like there is some development in https://phabricator.wikimedia.org/diffusion/SFOR/history/master/ but I am not sure if somebody prepares new release...

Hi there

I'm using the extension "Visual Editor", and I was able to confirm operation at Vectoy skin, but I can not work with Foregroiund skin on.

According to HELP, and I tried to modify Foregroud skin, but it could not be made to correspond to the Foreground skin.

Is there any plan to correspond to "Visual Editor" in future version up of foregroud skin ?

I want to ask all means if none.

Thanks

Hi. I had the same issue, and it worked for me. contact me and I will send you the code if still relevant.

Thank you, Wess.

I will contact you.

@Wess Since integration with VisualEditor will more and more become an issue or better spoken a requirement it will probably be very nice if you could provide a patch at GitHub.

Thank you for your reply.

I tried again.

• Mediawiki: 1.23.7
• Foreground: Hutchy68/patch-2
• Visual Editor: 0.1

But I couldn't solve some problems.

• drop down lists(ex. Header list) are cut in the middle
• contents of save pop-up window is not displayed

I consider that Foreground css and Visual Editor css are colliding.

But I can't identify the location of the problem.

Could you please show the location of the modification?

Thank you.

I am so sorry for not seeing your comments. I would be pleased to share it on github but I need some learning for that. If you'll send me your email I will be happy to share the code (only the template php is required).

This is what I succeeded for tonight, I am not very common with Github's interface but I guess it fulfills the current need: https://github.com/Wiki-Org/Forground-VisualEditor-patch

I am so sorry for not replied to you comment, I didn't check this board. And thank you for your help.

I tried to apply your patch to my mediawiki(Japanese Language). But it din't work.

Maybe the cause is not php file, but is css.

I modified skin css, and it worked well with the exception of the part.

There are still some bug, but I will wait for product version of Visual Editor.

Thank you so much.

Hi, we have had some troubles to with getting Visual Editor to work on Foreground, The patch from Wess and setting the LocalSettings.php. (Version MW 1.25), any help would be greatly appreciated.

The patch was integrated in patch-7 branch: https://github.com/paladox/foreground/tree/patch-7. Also - make sure to declare the skin as VE enabled in LocalSettings (does VE works with Vector?)

Skin page lists "Full support of Font Awesome (v4.5)", but Font Awesome seems to be at v4.7. Not sure how complex font awesome is, but is it possible that Foreground does support Font Awesome 4.7 and the skin page is out of date?

Hi, I'm running both Echo and Flow in my 1.34.x MW site using Foreground v2.3.0.

By default Foreground places the Echo and Flow Notification and Alert icons below the "navwrapper" div in a separate "echo-notifications" div as follows:

!-- If user is logged in output echo location -->
<div id="echo-notifications">
<div id="echo-notifications-alerts"></div>
<div id="echo-notifications-messages"></div>
<div id="echo-notifications-notice"></div>
</div>

My question is.. how can I get these items moved to the <div id="navwrapper"> at the top of the page.

In other words.. Is there a way to do this that does not involve making local edits to Foreground.skin.php [1]?

[1] https://github.com/jthingelstad/foreground/blob/develop/Foreground.skin.php

I feel really ignorant but I have tried everything I know to do to change the font for the Actions button. Can someone please share with me the CSS to style the Actions button? Thank you in advance.

Something like this "MediaWiki:Foreground.css" should work:

a#actions-button {
    color: blue;
    background: red;
}

and

.f-dropdown li a {
    color: blue;
    background: red;
}

and

ul#actions.f-dropdown {
    background: red;
}

Change colors as required. Not that you also will have to manipulate the pseudo classes like "hover", "active", etc.

I'm trying to make Foreground available in a Mediawiki 1.34.4 installation. Foreground comes from GitHub sources. However, we have to use Master because there is no REL1_34 tag (most other skins have the a REL1_34 tag). Loading the skin results in:

Fatal error:  Uncaught ExtensionDependencyError: Foreground is not compatible with the current MediaWiki core (version 1.34.4), it requires: >= 1.35.0. in /var/www/html/w/includes/registration/ExtensionRegistry.php:334 Stack trace:
#0 /var/www/html/w/includes/registration/ExtensionRegistry.php(186): ExtensionRegistry->readFromQueue(Array)
#1 /var/www/html/w/includes/Setup.php(143): ExtensionRegistry->loadFromQueue()
#2 /var/www/html/w/includes/WebStart.php(81): require_once('/var/www/html/w...')
#3 /var/www/html/w/index.php(41): require('/var/www/html/w...')
#4 {main}  thrown in /var/www/html/w/includes/registration/ExtensionRegistry.php on line 334

Check out version v2.3.0 to mitigate.

Thanks @Kghbln.

I'm also seeing the same problem with <tt>REL1_35</tt>:

<pre>Updating /var/www/html/w/skins/Foreground/

HEAD is now at 778484f Merge pull request #384 from Hutchy68/circleci-nameLink

Already up-to-date.

error: pathspec 'REL1_35' did not match any file(s) known to git.</pre>

Maybe the Foreground skin can add expected tags?

I do not really think that REL1_35 is an expected tag. This is for extensions and skins of WMF only. There are extensions around that have REL_35 but will definitively not work for the branch. To my experience it is always best to follow the strategy of the programmer.