Skin talk:Foreground

About this board

Problem with thumbnails after updating MW with foreground

3
Nanash (talkcontribs)

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?

Momo50WM (talkcontribs)

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.

~~~~

Nanash (talkcontribs)

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.

Reply to "Problem with thumbnails after updating MW with foreground"

How to change font size throughout wiki

8
Jonathan3 (talkcontribs)

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

Jonathan3 (talkcontribs)

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.

Nanash (talkcontribs)

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.

Jonathan3 (talkcontribs)

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

Nanash (talkcontribs)

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;

}

Jonathan3 (talkcontribs)

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

Jonathan3 (talkcontribs)

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.

Nanash (talkcontribs)

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.

Reply to "How to change font size throughout wiki"
Christharp (talkcontribs)

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.

Radouch (talkcontribs)
Reply to "columns not working"
153.177.124.178 (talkcontribs)

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

Wess (talkcontribs)

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

Papamanman2 (talkcontribs)

Thank you, Wess.

I will contact you.

Kghbln (talkcontribs)

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

Papamanman2 (talkcontribs)

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.

Wess (talkcontribs)

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

Wess (talkcontribs)
111.89.36.155 (talkcontribs)

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.

65.49.14.74 (talkcontribs)

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.

Wess (talkcontribs)
Reply to "Visual Editor"

Support for Font Awesome v4.7?

1
Revansx (talkcontribs)

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?

Reply to "Support for Font Awesome v4.7?"

Moving "echo-notifications" items to the "navwrapper" div

1
Revansx (talkcontribs)

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

Reply to "Moving "echo-notifications" items to the "navwrapper" div"
LeeMChildress (talkcontribs)

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.

Kghbln (talkcontribs)

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.

Reply to "Actions Button CSS"

Fatal error:... Foreground is not compatible with the current MediaWiki core (version 1.34.4), it requires: >= 1.35.0.

4
Noloader (talkcontribs)

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
Kghbln (talkcontribs)

Check out version v2.3.0 to mitigate.

71.179.5.32 (talkcontribs)

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?

Kghbln (talkcontribs)

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.

Reply to "Fatal error:... Foreground is not compatible with the current MediaWiki core (version 1.34.4), it requires: >= 1.35.0."

The skin covers notifications and messages icons

2
2001:8F8:1E23:1DCA:381A:B122:270A:4DD9 (talkcontribs)

The two icons are covered by this skin (icons of echo extension), notifications and messages, those two icons are just fine on vector skin, plus this skin doesn't fully support rtl language

2001:8F8:1E23:DE9:918:3F3C:9736:5CAB (talkcontribs)

there is another issue with hidden-catlinks, always showing,

Reply to "The skin covers notifications and messages icons"

Not working with mw 34 version

3
Summary by Kghbln

Tracked at GitHub with issue 353.

2409:4043:251A:82A8:E513:C913:5AEB:10CA (talkcontribs)

I have just upgraded my wiki from .28 to .34 version. The old version was using foreground as the default skin. With new version, it's giving this issue:


Fatal error: Uncaught Error: Call to undefined function wfSuppressWarnings() in /home/vikasnd/public_html/w/skins/foreground/Foreground.skin.php:60 Stack trace: #0 /home/vikasnd/public_html/w/includes/skins/SkinTemplate.php(217): foregroundTemplate->execute() #1 /home/vikasnd/public_html/w/includes/OutputPage.php(2574): SkinTemplate->outputPage() #2 /home/vikasnd/public_html/w/includes/exception/MWExceptionRenderer.php(134): OutputPage->output() #3 /home/vikasnd/public_html/w/includes/exception/MWExceptionRenderer.php(53): MWExceptionRenderer::reportHTML(Object(Error)) #4 /home/vikasnd/public_html/w/includes/exception/MWExceptionHandler.php(121): MWExceptionRenderer::output(Object(Error), 2) #5 /home/vikasnd/public_html/w/includes/exception/MWExceptionHandler.php(195): MWExceptionHandler::report(Object(Error)) #6 /home/vikasnd/public_html/w/includes/exception/MWExceptionHandler.php(167): MWExceptionHandler::handleException(Object(Error)) #7 [internal function]: MWExceptionHandler::handleUncaughtException(Object(Error)) #8 in /home/vikasnd/public_html/w/skins/foreground/Foreground.skin.php on line 60


When skin is not made default in localsettings.php, mediawiki loads without any skin and gives this message at top:


Whoops! The default skin for your wiki, defined in $wgDefaultSkin as vector, is not available.

Your installation seems to include the following skins. See Manual: Skin configuration for information how to enable them and choose the default.

  • monobook / MonoBook (disabled)
  • timeless / Timeless (disabled)
  • vector / Vector (disabled)
  • foreground / foreground (enabled)


Please help in fixing. I looked if newer version of extension is available to upgrade. But couldn't find it. Thanks

2409:4043:251A:82A8:E513:C913:5AEB:10CA (talkcontribs)

I upgraded to newer foreground files from github project. But still getting the error.

I commented to suppresswarning method in foreground.skin.php file. then it loaded the wiki page. However it was failing in restore function in same file which was shown on wiki page at end. I commented that also and it's looking to work now.

I am not sure if those two functions need to be commented or why it's failing in first place. Please guide so I can use this skin normally.


Thanks

Kghbln (talkcontribs)

This is clearly a bug that needs to be fixed in the code base. I will document the incompatibility for now until this is fixed. Tracked at GitHub with issue 353