Skip to content

Commit

Permalink
fix: fix CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
bhsd-harry committed Mar 17, 2024
1 parent 7e133b1 commit 9326bba
Showing 6 changed files with 75 additions and 16 deletions.
1 change: 1 addition & 0 deletions assets/bad-image.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions extensions/dist/parserTests.js
Original file line number Diff line number Diff line change
@@ -13,6 +13,9 @@
if (wikitext === undefined) {
optgroup = document.createElement('optgroup');
optgroup.label = desc;
if (desc === 'legacyMedia') {
optgroup.hidden = true;
}
select.append(optgroup);
}
else {
@@ -38,6 +41,10 @@
pre.textContent = wikitext;
pre.classList.remove('wikiparser');
container.innerHTML = html;
for (const img of container.querySelectorAll('img[src]')) {
img.src = '/wikiparser-node/assets/bad-image.svg';
img.removeAttribute('srcset');
}
wikiparse.highlight(pre, false, true);
select.selectedOptions[0].disabled = true;
const tags = findUnique(html);
1 change: 1 addition & 0 deletions extensions/gh-page.css
Original file line number Diff line number Diff line change
@@ -39,6 +39,7 @@ main {
article {
display: block;
width: 100%;
box-sizing: border-box;
padding: 1rem 2rem 2rem;
}
h2 {
7 changes: 7 additions & 0 deletions extensions/parserTests.ts
Original file line number Diff line number Diff line change
@@ -22,6 +22,9 @@ declare interface Test {
if (wikitext === undefined) {
optgroup = document.createElement('optgroup');
optgroup.label = desc;
if (desc === 'legacyMedia') {
optgroup.hidden = true;
}
select.append(optgroup);
} else {
const option = document.createElement('option');
@@ -52,6 +55,10 @@ declare interface Test {
pre.textContent = wikitext!;
pre.classList.remove('wikiparser');
container.innerHTML = html;
for (const img of container.querySelectorAll<HTMLImageElement>('img[src]')) {
img.src = '/wikiparser-node/assets/bad-image.svg';
img.removeAttribute('srcset');
}
wikiparse.highlight!(pre, false, true);
select.selectedOptions[0]!.disabled = true;
const tags = findUnique(html);
74 changes: 58 additions & 16 deletions extensions/test-page.css
Original file line number Diff line number Diff line change
@@ -30,6 +30,7 @@ main {
article {
display: block;
width: 100%;
box-sizing: border-box;
padding: 1rem 2rem;
}
.field {
@@ -56,25 +57,12 @@ select {
select, #frame {
padding: 5px 12px;
}
optgroup[label="parserTests"],
optgroup[label="badCharacters"],
optgroup[label="comments"],
optgroup[label="definitionLists"],
optgroup[label="extLinks"],
optgroup[label="indentPre"],
optgroup[label="indicators"],
optgroup[label="magicWords"],
optgroup[label="pfeqParserTests"],
optgroup[label="redirects"],
optgroup[label="wtEscaping"],
optgroup[label="preTags"],
optgroup[label="preprocessor"],
optgroup[label="legacyMedia"] {
display: none;
}
pre {
border-radius: .3em;
}
#frame {
overflow-x: auto;
}

.mw-editsection, .mw-empty-elt {
display: none;
@@ -199,6 +187,60 @@ pre {
}
#frame img {
vertical-align: middle;
max-width: 100%;
}
#frame figure.mw-halign-right {
margin: 0 0 .5em .5em;
clear: right;
float: right;
max-width: 50%;
}
#frame .mw-image-border .mw-file-element {
border: 1px solid #eaecf0;
}
#frame figure[typeof~="mw:File/Thumb"].mw-halign-left,
#frame figure[typeof~="mw:File/Frame"].mw-halign-left {
margin: .5em 1.4em 1.3em 0;
clear: left;
float: left;
max-width: 50%;
}
#frame figure[typeof~="mw:File/Thumb"],
#frame figure[typeof~="mw:File/Frame"] {
margin: .5em 0 1.3em 1.4em;
clear: right;
float: right;
min-width: 100px;
border: 1px solid #c8ccd1;
border-bottom: 0;
background-color: #f8f9fa;
display: table;
text-align: center;
border-collapse: collapse;
line-height: 0;
}
#frame figure[typeof~="mw:File/Thumb"] > .mw-file-description {
display: block;
position: relative;
}
#frame figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element,
#frame figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
border: 1px solid #c8ccd1;
background: #f8f9fa;
margin: 3px;
}
#frame figure[typeof~="mw:File/Thumb"] > figcaption,
#frame figure[typeof~="mw:File/Frame"] > figcaption {
text-align: left;
border: 1px solid #c8ccd1;
border-top: 0;
background-color: #f8f9fa;
font-size: 88.4%;
display: table-caption;
caption-side: bottom;
line-height: 1.4em;
word-break: break-word;
padding: 0 6px 6px;
}
#frame .toc {
display: table;
1 change: 1 addition & 0 deletions extensions/ui.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
.wikiparser {
white-space: pre-wrap;
overflow-wrap: break-word;
word-break: break-all;
font-family: monospace;
border: 1.5px solid #dedede;
}

0 comments on commit 9326bba

Please sign in to comment.