Bump dependencies, fix border colours

Fixes #41. Apparently I was using colours from a Firefox extension instead of from Milligram, causing missing borders for some and probably incorrect colours in other browsers.
This commit is contained in:
Florine W. Dekker 2021-04-18 14:00:19 +02:00
parent d9d0da05ac
commit bcbbbcb60a
Signed by: FWDekker
GPG Key ID: B1B567AF58D6EE0F
5 changed files with 19 additions and 18 deletions

BIN
package-lock.json generated

Binary file not shown.

View File

@ -1,6 +1,6 @@
{
"name": "interlanguage-checker",
"version": "1.10.22",
"version": "1.10.23",
"description": "Check the consistency of MediaWiki interlanguage links in a simple overview.",
"author": "Felix W. Dekker",
"browser": "dist/bundle.js",
@ -16,17 +16,16 @@
"deploy": "grunt deploy"
},
"dependencies": {
"@fwdekker/template": "^0.0.24",
"fetch-jsonp": "^1.1.3",
"fork-awesome": "^1.1.7",
"htm": "^3.0.4",
"preact": "^10.5.13"
},
"devDependencies": {
"css-loader": "^5.2.0",
"css-loader": "^5.2.2",
"file-loader": "^6.2.0",
"grunt": "^1.3.0",
"grunt-cli": "^1.4.1",
"grunt-cli": "^1.4.2",
"grunt-contrib-clean": "^2.0.0",
"grunt-contrib-copy": "^1.0.0",
"grunt-contrib-watch": "^1.1.0",
@ -34,7 +33,7 @@
"grunt-text-replace": "^0.4.0",
"grunt-webpack": "^4.0.2",
"style-loader": "^2.0.0",
"webpack": "^5.28.0",
"webpack-cli": "^4.5.0"
"webpack": "^5.33.2",
"webpack-cli": "^4.6.0"
}
}

View File

@ -3,6 +3,8 @@
--success-color: green;
--warning-color: orange;
--info-color: blue;
--table-border-color: #e1e1e1;
--table-row-color: #f2f2f2;
--fandom-redlink: #ba0000;
}
@ -41,7 +43,8 @@ summary {
/* Borders */
#networkTable th, #networkTable td {
border-right: 1px solid var(--kpxc-table-border-color);
border-right: 1px solid var(--table-border-color);
border-bottom: 1px solid var(--table-border-color);
}
#networkTable tr:last-child {
@ -58,7 +61,7 @@ summary {
/* Table colors */
#networkTable tbody tr:nth-child(odd) {
background-color: var(--kpxc-table-hover-color);
background-color: var(--table-row-color);
}
#networkTable th a i {

View File

@ -11,15 +11,16 @@
<title>Interlanguage Checker | FWDekker</title>
<link rel="stylesheet" href="https://static.fwdekker.com/fonts/roboto.css" crossorigin="anonymous" />
<link rel="stylesheet" href="https://static.fwdekker.com/lib/template/1.x.x/bundle.css" crossorigin="anonymous" />
<link rel="stylesheet" href="main.css?v=%%VERSION_NUMBER%%" />
</head>
<body>
<noscript>
<span style="color: red; font-weight: bold;">
<p style="color: red; font-weight: bold;">
This website does not function if JavaScript is disabled.
Please check the <a href="https://www.enable-javascript.com/">
instructions on how to enable JavaScript in your web browser</a>.
</span>
</p>
</noscript>
<main style="display: none;">
<div id="nav"></div>
@ -92,7 +93,7 @@
</section>
<!-- Output -->
<section> <!-- No `container` class, to allow use of whole width -->
<section> <!-- No `container` class, to allow use of whole width -->
<hr />
<div id="messages"></div>
<hr />
@ -104,6 +105,8 @@
<div id="footer"></div>
</main>
<script src="https://static.fwdekker.com/lib/template/1.x.x/bundle.js" crossorigin="anonymous"></script>
<!--suppress HtmlUnknownTarget -->
<script src="bundle.js?v=%%VERSION_NUMBER%%"></script>
</body>
</html>

View File

@ -1,4 +1,4 @@
import {$, doAfterLoad, footer, header, nav, showPage} from "@fwdekker/template";
const {$, doAfterLoad, footer, header, nav, showPage} = window.fwdekker;
import {html, render} from "htm/preact";
import "fork-awesome/css/fork-awesome.css";
import {InterlangTable, MessageHandler, ValidatableInput} from "./DOM";
@ -17,11 +17,6 @@ doAfterLoad(() => {
description: "Check the consistency of MediaWiki interlanguage links in a simple overview"
}));
$("#footer").appendChild(footer({
author: "Felix W. Dekker",
authorURL: "https://fwdekker.com/",
license: "MIT License",
licenseURL: "https://git.fwdekker.com/FWDekker/interlanguage-checker/src/branch/master/LICENSE",
vcs: "git",
vcsURL: "https://git.fwdekker.com/FWDekker/interlanguage-checker/",
version: "v%%VERSION_NUMBER%%"
}));
@ -115,7 +110,8 @@ doAfterLoad(async () => {
const form = $("#networkTableForm");
form.textContent = "";
render(html`<${InterlangTable} id="networkTable" network=${network} />`, form);
render(html`
<${InterlangTable} id="networkTable" network=${network} />`, form);
switch (network.getVerdict()) {
case "perfect":