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.

Wrap lines

// ==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';
  }
});
})();

欢迎访问Greasy Fork镜像