MWSkin Timeless Patches: Difference between revisions

From Minetest
No edit summary
No edit summary
Line 32: Line 32:
This patch prevents, except for very wide screens, the creation of an unnecessary 3rd column on the right.
This patch prevents, except for very wide screens, the creation of an unnecessary 3rd column on the right.


<pre style="white-space: pre;">
  --- Timeless.old/skin.json
  --- Timeless.old/skin.json
  +++ Timeless/skin.json
  +++ Timeless/skin.json
Line 47: Line 48:
  +@desktop-mid-width: 1799px;
  +@desktop-mid-width: 1799px;
  +@desktop-large-floor: 1800px;
  +@desktop-large-floor: 1800px;
</pre>


<span id="timeless-alt-tag-patch"></span>
<span id="timeless-alt-tag-patch"></span>
Line 53: Line 55:
This patch adds support for an optional "alt" tag that can be added to a Timeless wordmark image.
This patch adds support for an optional "alt" tag that can be added to a Timeless wordmark image.


<pre style="white-space: pre;">
  --- Timeless.old/includes/TimelessTemplate.php
  --- Timeless.old/includes/TimelessTemplate.php
  +++ Timeless/includes/TimelessTemplate.php
  +++ Timeless/includes/TimelessTemplate.php
Line 64: Line 67:
         ] );
         ] );
     }
     }
</pre>


To use the added feature, you'd put something similar to the 'wordmark' part below in your "LocalSettings.php" "$wgLogos" block:
To use the added feature, you'd put something similar to the 'wordmark' part below in your "LocalSettings.php" "$wgLogos" block:

Revision as of 21:00, 3 September 2023

Introduction

For the Final Minetest wiki, and for MediaWiki wikis in general, the Timeless skin is recommended because as of mid-2023 it's more responsive than other bundled skins.

However, some patches to the Timeless skin are recommended. The patches are provided and discussed below.

Note: These aren't Linux "patch" files. Instead, these are condensed patches that are intended for human readers. The associated edits need to be made manually.

Timeless Real-Estate patch

This patch prevents, except for very wide screens, the creation of an unnecessary 3rd column on the right.

 --- Timeless.old/skin.json
 +++ Timeless/skin.json
 - "media": "screen and (min-width: 1340px)"
 + "media": "screen and (min-width: 1800px)"
 
 - "media": "screen and (min-width: 1100px) and (max-width: 1339px)"
 + "media": "screen and (min-width: 1100px) and (max-width: 1799px)"
 
 --- Timeless.old/resources/variables.less
 +++ Timeless/resources/variables.less
 -@desktop-mid-width: 1339px;
 -@desktop-large-floor: 1340px;
 
 +@desktop-mid-width: 1799px;
 +@desktop-large-floor: 1800px;

Timeless Alt-Tag patch

This patch adds support for an optional "alt" tag that can be added to a Timeless wordmark image.

 --- Timeless.old/includes/TimelessTemplate.php
 +++ Timeless/includes/TimelessTemplate.php
     if ( !$wordmarkImage && isset( $logos['wordmark'] ) ) {
         $wordmarkData = $logos['wordmark'];
         $wordmarkImage = Html::element( 'img', [
             'src' => $wordmarkData['src'],
             'height' => $wordmarkData['height'] ?? null,
             'width' => $wordmarkData['width'] ?? null,
 +           'alt'   => $wordmarkData['alt'] ?? null,
         ] );
     }

To use the added feature, you'd put something similar to the 'wordmark' part below in your "LocalSettings.php" "$wgLogos" block:

$wgLogos = [
    '1x'       => "fmwikismall.png" ,
    'icon'     => "fmwikismall.png" ,
    'wordmark' => [
        # recommended size is 200x38 or less
        'src' => 'fmwordmark-text.png' ,
        'alt' => 'Final Minetest wordmark' ,
    ] ,
];