One more failed attempt to tame HTML scrolling.

The HTML scrolling stuff has one job, and it always fucks that up. Make some HTML element smaller by allowing to scroll it's contents. Every single fucking time the "smaller" part just gets ignored. The containing element acts as if the smaller scroll box is still the same size as its contents. YOU HAD ONE FUCKING JOB! Can't even say "size this relative to it's container" properly.
author: dvs1 2024-12-28 13:31:28 +1000
committer: dvs1 2024-12-28 13:31:28 +1000
commit: 55e3f0b578500fcdd85ba09b3172169cea8ed69b (patch)
tree: 45a71e9ee227263e2b3e238bd19345fdcce0c892
parent: Tweak link colours. (diff)
download: notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.zip
notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.tar.gz
notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.tar.bz2
notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.tar.xz
1 files changed, 7 insertions, 7 deletions
diff --git a/default.template b/default.template
index 8b63498..592813a 100644
--- a/default.template
+++ b/default.template
@@ -16,9 +16,9 @@
      pre {
        background-color: $karenpurple$;
-        overflow: auto;
+        overflow-x: auto;
-        width: 42%;
+        width: 92vw;
-        margin: 10px;
+        margin: 1px;
      }
      menu {
@@ -32,10 +32,10 @@
    </style>
  </head>
  <body bgcolor="black" text="white" alink="yellow" link="yellowgreen" vlink="red">
-    <table style="background-color: $karenpurple$; line-style: none; border-style: none; border-spacing: 0;">
+    <table style="background-color: $karenpurple$; width: 98vw; margin: 1; line-style: none; border-style: none; border-spacing: 0;">
      <tr>
        <td><img src="$logo$" alt="alt text" title="Not (Yet) (Another / A) Wiki."/></td>
-        <td style="text-align: right;">$header$ &nbsp; plus login and register buttons</td>
+        <td style="text-align: right;">$header$ &nbsp; plus login and register buttons &nbsp;</td>
      </tr>
      <tr>
        <td rowspan=2 style="white-space:nowrap; vertical-align:top;">
@@ -46,7 +46,7 @@
        </td>
      </tr>
      <tr>
-        <td>
+        <td style="background-color: black; width: fit-content;">
          <main class="contentBox">
            <div name="contentFrame"  style="background-color: black;">
              <h1>$pagetitle$</h1>
@@ -61,7 +61,7 @@
          <p>Page <a href="$history$">history</a></p>
        </td>
        <td style="text-align: right;">
-          <p>Web site <a href="$feedatom$">atom feed</a> and <a href="$sourcecode$">source code</a> &nbsp; Powered by <a href="https://sledjhamr.org/cgit/notYetAnotherWiki/about/">notYetAnotherWiki</a> Version $version$.</p>
+          <p>Web site <a href="$feedatom$">atom feed</a> and <a href="$sourcecode$">source code</a> &nbsp; Powered by <a href="https://sledjhamr.org/cgit/notYetAnotherWiki/about/">notYetAnotherWiki</a> Version $version$. &nbsp;</p>
        </td>
      </tr>
    </table>
author	dvs1	2024-12-28 13:31:28 +1000
committer	dvs1	2024-12-28 13:31:28 +1000
commit	55e3f0b578500fcdd85ba09b3172169cea8ed69b (patch)
tree	45a71e9ee227263e2b3e238bd19345fdcce0c892
parent	Tweak link colours. (diff)
download	notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.zip notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.tar.gz notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.tar.bz2 notYetAnotherWiki-55e3f0b578500fcdd85ba09b3172169cea8ed69b.tar.xz

diff --git a/default.template b/default.template index 8b63498..592813a 100644 --- a/default.template +++ b/default.template
@@ -16,9 +16,9 @@
16		16
17	pre {	17	pre {
18	background-color: $karenpurple$;	18	background-color: $karenpurple$;
19	overflow: auto;	19	overflow-x: auto;
20	width: 42%;	20	width: 92vw;
21	margin: 10px;	21	margin: 1px;
22	}	22	}
23		23
24	menu {	24	menu {
@@ -32,10 +32,10 @@
32	</style>	32	</style>
33	</head>	33	</head>
34	<body bgcolor="black" text="white" alink="yellow" link="yellowgreen" vlink="red">	34	<body bgcolor="black" text="white" alink="yellow" link="yellowgreen" vlink="red">
35	<table style="background-color: $karenpurple$; line-style: none; border-style: none; border-spacing: 0;">	35	<table style="background-color: $karenpurple$; width: 98vw; margin: 1; line-style: none; border-style: none; border-spacing: 0;">
36	<tr>	36	<tr>
37	<td><img src="$logo$" alt="alt text" title="Not (Yet) (Another / A) Wiki."/></td>	37	<td><img src="$logo$" alt="alt text" title="Not (Yet) (Another / A) Wiki."/></td>
38	<td style="text-align: right;">$header$   plus login and register buttons</td>	38	<td style="text-align: right;">$header$   plus login and register buttons  </td>
39	</tr>	39	</tr>
40	<tr>	40	<tr>
41	<td rowspan=2 style="white-space:nowrap; vertical-align:top;">	41	<td rowspan=2 style="white-space:nowrap; vertical-align:top;">
@@ -46,7 +46,7 @@
46	</td>	46	</td>
47	</tr>	47	</tr>
48	<tr>	48	<tr>
49	<td>	49	<td style="background-color: black; width: fit-content;">
50	<main class="contentBox">	50	<main class="contentBox">
51	<div name="contentFrame" style="background-color: black;">	51	<div name="contentFrame" style="background-color: black;">
52	<h1>$pagetitle$</h1>	52	<h1>$pagetitle$</h1>
@@ -61,7 +61,7 @@
61	<p>Page <a href="$history$">history</a></p>	61	<p>Page <a href="$history$">history</a></p>
62	</td>	62	</td>
63	<td style="text-align: right;">	63	<td style="text-align: right;">
64	<p>Web site <a href="$feedatom$">atom feed</a> and <a href="$sourcecode$">source code</a>   Powered by <a href="https://sledjhamr.org/cgit/notYetAnotherWiki/about/">notYetAnotherWiki</a> Version $version$.</p>	64	<p>Web site <a href="$feedatom$">atom feed</a> and <a href="$sourcecode$">source code</a>   Powered by <a href="https://sledjhamr.org/cgit/notYetAnotherWiki/about/">notYetAnotherWiki</a> Version $version$.  </p>
65	</td>	65	</td>
66	</tr>	66	</tr>
67	</table>	67	</table>