kmoody/libretro
1
0 Fork 0
mirror of https://github.com/Abdess/retroarch_system.git synced 2026-10-26 13:47:20 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: quiet heading ids and fit the upstream table

Browse Source 
The system id a platform writes beside a heading is now small, muted
and set as code. The upstream table on the cross-reference page shares
the column width from 50rem: its rule never matched, a paragraph sits
between heading and table, and at 1440 px it ran 98 px past the edge.
This commit is contained in:
Abdessamad Derraz committed 2026-10-23 07:26:30 +02:00
1 parent e62607350a
commit 4c31935b7c
1 file changed
+31 -3
Download Patch File Download Diff File Expand all files Collapse all files
website/src/styles/retrobios.css
+31 -3
View File
@@ -345,12 +345,40 @@
.rb-meta-card td a { word-break: normal; }
.rb-meta-card td:first-child { font-weight: 600; color: var(--rb-text-secondary); width: 11rem; }
/* Cross-reference by upstream: the address column wraps instead of pushing
the cores and platforms off screen. */
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) + section td:has(a[href^='http']) {
/* Cross-reference by upstream, the last table of its page: the address
column wraps instead of pushing the cores and platforms off screen. */
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section td:has(a[href^='http']) {
max-width: 22rem;
overflow-wrap: anywhere;
}
/* Beside the column, the five columns share its width: at 1440 px the
Platforms column sat 100 px past the edge. */
@media (min-width: 50rem) {
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section table {
display: table;
table-layout: fixed;
width: 100%;
}
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section :is(th, td) {
overflow-wrap: anywhere;
}
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section th:nth-child(1) { width: 26%; }
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section th:nth-child(2) { width: 26%; }
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section th:nth-child(3) { width: 17%; }
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section th:nth-child(4) { width: 18%; }
.sl-markdown-content .sl-heading-wrapper:has(> #by-upstream-emulator) ~ section th:nth-child(5) { width: 13%; }
}
/* The id a platform writes for a system, beside the name in its heading:
smaller and quieter than the name, set as code. */
.sl-markdown-content :is(h2, h3) small {
margin-left: 0.4em;
font-family: var(--sl-font-mono);
font-size: 0.65em;
font-weight: 400;
color: var(--rb-text-secondary);
overflow-wrap: anywhere;
}
.rb-timestamp {
font-size: 0.8rem;