TiddlyWiki5 icon indicating copy to clipboard operation
TiddlyWiki5 copied to clipboard

[BUG] .tc-error-form positioning/size issue

Open CodaCodr opened this issue 5 months ago • 2 comments

Describe the bug

When using a super-wide TiddlyWiki, RSOEs are embarrassingly wide and ungainly.

(They also appear twice in the dom though that may be wiki/error specific.)

Expected behavior

The CSS should be addressed such that RSOEs display better.

To Reproduce

Setup Tiddlywiki on 2, 3 or 4 (,y case) monitors. Cause an RSOE. Observe.

Screenshots

No response

TiddlyWiki Configuration

5.3.3 FF Latest Win10

Additional context

Proposed fix:

.tc-error-form {
	font-family: sans-serif;
	color: #fff;
	z-index: 20000;
	position: fixed;
	background-color: rgb(255, 75, 75);
	border: 8px solid rgb(255, 0, 0);
	border-radius: 8px;
	/* REMOVE width altogether */
	/* REMOVE margin-left */
	margin-top: 4em;
	padding: 0 2em 1em 2em;
	/* NEW */ right: 50em; 
}

I have no particular preference for choosing em units for right. Since margin/padding are based on em, seems okay from here. And, since I (and I guess most people) would not change font sizes between wikis, 50em will hopefully offer consistency.

right: 50em places the box ~centered on my right-most monitor, midway over story and sidebar. The previous width setting, 50%, made the box 2 monitors (of 4) wide.

CodaCodr avatar Sep 07 '24 21:09 CodaCodr