Wikipedia, set "float: left" for <figure> with width over 50 em

Setting "float: left" for <figure> with width over 50 em, avoids texts(left aligned) being squeezed too short.

Poser une question, écrire un avis, ou signaler le script.

Enveloppe les lignes

// ==UserScript==
// @name         Wikipedia, set "float: left" for <figure> with width over 50 em
// @namespace    http://tampermonkey.net/
// @version      2024-03-21.2
// @description  Setting "float: left" for <figure> with width over 50 em, avoids texts(left aligned) being squeezed too short.
// @author       Al Arcus
// @match        **.wikipedia.org/**
// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
// Select all <figure> elements whose width is over 50em
const figures = document.querySelectorAll('figure');

figures.forEach(figure => {
  // Get the computed width of the figure
  const figureWidth = parseFloat(window.getComputedStyle(figure).width);
    console.log('Figure width:', figureWidth);

  // Check if width is over 50em
  if (figureWidth > 50 * parseFloat(window.getComputedStyle(document.documentElement).fontSize)) {
    // Set the float property to left
    figure.style.float = 'left';
    figure.style.marginLeft = '0px';
  }
});
})();