Jump to content

Skin talk:Medik

Add topic
From mediawiki.org
Latest comment: 13 days ago by Kghbln in topic Display indentation with colon
[edit]

MW 1.43/ PHP 8.3.16/ Medik 5.1.3 # Date update' UniversalLanguageSelector' extension version 1.43 LTS : 10 01 25

wfLoadExtension( 'UniversalLanguageSelector' );
$wgULSGeoService = 'true';
$wgULSEnable = 'true';
$wgULSAnonCanChangeLanguage = 'true';
$wgULSIMEEnabled = 'true';
$wgULSPosition = 'interlanguage';
$wgULSNoImeSelectors = [ <nowiki>''</nowiki> ];
$wgULSLanguageDetection = 'true';

cross-language links appear on the Vector skin but do not appear with the beautiful Medik skin. As a workaround I can use an interlanguage template. Thanks Gribouillot (talk) 16:08, 11 February 2025 (UTC)Reply

[edit]

When you reduce the width of the browser window so that the sidebar disappears, then click the hamburger twice (to display then hide the sidebar), then increase the window width... the sidebar is still invisible. Try it on https://www.wikiskripta.eu/w/Home.

<nav class="nav flex-column" style="display: none;">
					<h2>
						Navigation menu
					</h2>

Ideally, the sidebar would reappear when the window size is increased.

Thanks for the great skin though! Jonathan3 (talk) 10:52, 12 February 2025 (UTC)Reply

It seems the most simple fix is to modify file templates\skin.mustache and add css class d-md-block to the nav element (line 20).
<!-- navigation sidebar -->
<div id="mw-navigation" role="navigation" class="col-12 col-md-3 col-xl-2">
<nav class="nav flex-column d-md-block">

Radouch (talk) 16:19, 20 August 2025 (UTC)Reply

Upon Deploying, unable to use drop-downs

[edit]

I deployed via the official instructions and enabled the skin, but the "Tools" "Actions" and dropdown next to the username are all not working. Any advice?

Thanks. Zackm-soliddata (talk) 18:08, 13 March 2025 (UTC)Reply

Update: Fixed but curious why this doesn't work out of the box as described by the documentation (or what I missed!)
  • Checked paths and permissions to bootstrap.min.css and bootstrap.bundle.min.js and that they were loading in when site loads.
  • bootstrap.bundle.min.js was not loading when site was loading even though paths were correct in skin.json and LocalSettings.php. Not sure why this was the case, but I forced it to load prior to page display by using:
$wgHooks['BeforePageDisplay'][] = function ( $out ) {
    $out->addLink([ 
	    'rel' => 'stylesheet',
	    'href' => '/skins/Medik/resources/libraries/bootstrap.min.css'
		]);
// Load Bootstrap JS
$out->addScriptFile('/skins/Medik/resources/libraries/bootstrap.bundle.min.js');
};
It's working now. It may be missing some other pieces but I haven't noticed yet. I noticed it was underlining links in the dropdown/nav bar which was unintended so I removed that by adding the following to MediaWiki:Common.css - hope this helps someone!
/* CSS placed here will be applied to all skins */
/* Remove underline for dropdown toggles */
a.dropdown-toggle {
    text-decoration: none !important;
}
/* Remove underline for all links */ 
a {
    text-decoration: none !important;
}
Zackm-soliddata (talk) 18:38, 14 March 2025 (UTC)Reply

Tag for MW 1.41 to 1.43 missing

[edit]

@Slepi and Jossmart: Hi, the current tag v5.1.3 is incompatible with MW 1.41.x to 1.43.x. Thus it will be great if you could tag commit 48f7270eea25e7d357024ace3f325c8956dab23e which includes the acutal fix 4049f03e81ddf40afba07a1074cd96bad8168e5d and your security fix efe9600aac766bc07050a4013b7178ecd6209d1b. This version would be compatible with MW 1.41.x to 1.43.x. A fix for 1.44+ pull-request 10 is already in the pipeline, too. It will be nice if that would get a tag, too. Thanks a lot! Cheers [[kgh]] (talk) 09:41, 15 June 2025 (UTC)Reply

Self answering since I did not get a reply. This skin no longer uses tags. Instead one should rely on a matching commit which should be documented on the documentation page. -- [[kgh]] (talk) 15:35, 6 October 2025 (UTC)Reply

Unstable?

[edit]

This skin was recently marked as "unstable" (https://www.mediawiki.org/w/index.php?title=Skin%3AMedik&diff=7722626&oldid=7689901). An HTML comment links to https://bitbucket.org/wikiskripta/medik/pull-requests/10. That is entitled "MedikTemplate: Add support for MW 1.44" and says "Merged pull request". Does that mean it's all OK again...? Jonathan3 (talk) 22:40, 5 October 2025 (UTC)Reply

Yeah, this issue was fixed. I updated the wiki page accordingly. -- [[kgh]] (talk) 15:34, 6 October 2025 (UTC)Reply

Display indentation with colon

[edit]

I use MW 1.43.3. When I use the colon to indent, nothing happens. Somewhere, margin-left for <dd> was set to 0. I fixed it in common.css:

dl dd {
	margin-left: 2em !important;
}

Maybe it's a bug in this skin version. --Antropositiv (talk) 08:27, 7 October 2025 (UTC)Reply

Yeah, this looks very much like a bug. I'd use 1.6em since this is what default MediaWiki uses. -- [[kgh]] (talk) 15:23, 15 October 2025 (UTC)Reply
Other skins do not use such a big margin. This is what I do:
dl dd {
	margin-left: 1.6em !important;
}
-- [[kgh]] (talk) 06:40, 7 November 2025 (UTC)Reply
The problem apparently affects all sorts of indentations. I ended up adding this whole lot of CSS:
@media screen {
  ol, ul {
    padding-left: 0;
  }
}
@media screen {
  ol {
    margin-left: 1.6em !important;
  }
}
dl dd {
	margin-left: 1.6em !important;
}
I believe this needs to be addressed in the skin code itself. Cheers -- [[kgh]] (talk) 08:49, 26 November 2025 (UTC)Reply

Possible skin customization

[edit]

Help from AI. Changes in common.css

See picture

/*Zusatz in Skin-Farbbalken */
.mw-desktop-sitename::after {
  content: "Xxxx-Xxxx-Online";
  font-weight: normal;
  font-size: 90%;
  margin-left: .25em;
}

/* Grundlayout: schmaler Balken links neben dem Link in Sidebar */
#n-CX---Xxxx > a::before {
  content: "";
  display: inline-block;
  width: .4em;
  height: 1em;
  margin-right: .4em;
  background: #592e64;/* lila */
}

#n-CX---Pppp > a::before {
  content: "";
  display: inline-block;
  width: .4em;
  height: 1em;
  margin-right: .4em;
  background: #81c244;/* Grün */
}

#n-CX---Ssssss > a::before {
  background: #06aae9;/* Blau */
  content: "";
  display: inline-block;
  width: .4em;
  height: 1em;
  margin-right: .4em;
}

#n-CX---Rrrrrrr > a::before {
  background: #f2d114;/* gelb */
  content: "";
  display: inline-block;
  width: .4em;
  height: 1em;
  margin-right: .4em;
}

#n-CTS > a::before {
  background: #f49521;/* orange */
  content: "";
  display: inline-block;
  width: .4em;
  height: 1em;
  margin-right: .4em;
}

#n-Mmmmmm > a::before {
  background: #d71f35;/* rot */
  content: "";
  display: inline-block;
  width: .4em;
  height: 1em;
  margin-right: .4em;
}

--Antropositiv (talk) 09:12, 7 October 2025 (UTC)Reply

Thank you for sharing you CSS. Looks nice. -- [[kgh]] (talk) 15:23, 15 October 2025 (UTC)Reply

Issue with the action menus on narrow screens

[edit]

On narrow screens, there is an issue with the action menus. They are not wrapped, causing a wide white margin outside the skin on the right side. To fix this, one needs to add the following CSS to MediaWiki:Medic.css:

#p-namespaces .mw-portlet-body > div {
    display: flex;
    flex-wrap: wrap;
}
#mw-main-container > .row > .col-12 > aside > .d-flex {
    flex-wrap: wrap;
}

There is also a pull request addressing this. However, until this was merged ... -- [[kgh]] (talk) 08:11, 1 November 2025 (UTC)Reply