Octordle Widescreen Usability

This user script breaks out from the 2 columns, 4 rows layout to a 2 rows, 4 columns layout.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name     Octordle Widescreen Usability
// @description This user script breaks out from the 2 columns, 4 rows layout to a 2 rows, 4 columns layout.
// @version  3
// @include https://www.britannica.com/games/octordle/*
// @grant    GM_addStyle
// @require https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @namespace https://www.britannica.com/games/octordle
// @license EUPL-1.2
// ==/UserScript==
GM_addStyle
(`
.banner-newsletter, .promo-area, .ad-board, mw-quordle-more-games-cms, .ad-banner {
  display: none;
 }
.board {
  width: 22.5%;
}
.normal-boards {
	width: 100%;
	flex: 1;
	overflow: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 99%;
	margin: auto;
	padding-top: 10px;
}
.letter {
    height: 1.7rem!important;
}
`);