Widget:MainPageChangelog - Histórico de revisão

Gurren1 em 14h28min de 10 de setembro de 2025

2025-09-10T14:28:51Z

← Edição anterior		Edição das 14h28min de 10 de setembro de 2025
Linha 15:		Linha 15:
	border: 1px solid #ddd;		border: 1px solid #ddd;
	border-left: 4px solid var(--notice-color, #999);		border-left: 4px solid var(--notice-color, #999);
	padding: ~~10px~~ 10px;		padding: 5px 10px;
	border-radius: 6px;		border-radius: 6px;
	margin: 0 0 8px 0;		margin: 0 0 8px 0;

Gurren1 em 14h25min de 10 de setembro de 2025

2025-09-10T14:25:17Z

← Edição anterior		Edição das 14h25min de 10 de setembro de 2025
Linha 33:		Linha 33:
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
	gap: ~~8px~~;		gap: 1px;
	min-width: 0;		min-width: 0;
	}		}
Linha 97:		Linha 97:
	if (!root) return;		if (!root) return;

	~~// 1) Promove título -> <a href=... target=_blank>~~
	root.querySelectorAll('.notice-item').forEach(function (item) {		root.querySelectorAll('.notice-item').forEach(function (item) {
	const linkEl = item.querySelector('.notice-link');		const linkEl = item.querySelector('.notice-link');
	const titleEl = item.querySelector('.notice-title');		const titleEl = item.querySelector('.notice-title');
	if (!linkEl \|\| !titleEl) return;		if (!linkEl \|\| !titleEl) return;

	~~// Normaliza URL (remove quebras e espaços)~~		let url = (linkEl.getAttribute('data-url') \|\| '')
	let url = (linkEl.~~textContent~~ \|\| '').replace(/[\r\n\t]/g, '').~~replace~~(~~/\s+/g, ''~~);		.replace(/[\r\n\t]/g, '')
			.trim();
	if (!url) return;		if (!url) return;

	~~// Se já tiver <a>, não duplica~~		if (!titleEl.querySelector('a')) {
	if (titleEl.querySelector('a')) ~~return~~;		const textSpan = titleEl.querySelector('.notice-title-text');
			const text = (textSpan ? textSpan.textContent : titleEl.textContent).trim();

	~~// Texto do título~~		titleEl.innerHTML = '';
	const ~~textSpan~~ = ~~titleEl~~.~~querySelector~~('.~~notice-title-text~~');		const a = document.createElement('a');
	~~const text~~ = ~~(textSpan ? textSpan~~.textContent : titleEl.~~textContent).trim~~();		a.href = url;
	~~titleEl.innerHTML = '';~~		a.target = '_blank';
			a.rel = 'noopener noreferrer';
			a.textContent = text \|\| url;
			titleEl.appendChild(a);
			}

	~~const a = document.createElement('a');~~		// remove o marcador para não sobrar lixo no DOM
	~~a.href = url;~~		linkEl.remove();
	~~a.target = '_blank';~~
	~~a.rel = 'noopener noreferrer';~~
	~~a.textContent = text \|\| url;~~

	~~titleEl~~.~~appendChild~~(a);
	});		});

	// ~~2) Por segurança, garante target/_blank em~~ qualquer link ~~dentro do bloco~~		// blindagem: qualquer link abre em nova aba
	root.querySelectorAll('a').forEach(function (a) {		root.querySelectorAll('a').forEach(function (a) {
	a.setAttribute('target', '_blank');		a.setAttribute('target', '_blank');

Gurren1 em 14h19min de 10 de setembro de 2025

2025-09-10T14:19:49Z

Mostrar alterações

Gurren1 em 14h09min de 10 de setembro de 2025

2025-09-10T14:09:25Z

← Edição anterior		Edição das 14h09min de 10 de setembro de 2025
Linha 1:		Linha 1:
	<style>		<style>
	.widget-changelog{		.widget-changelog {
	max-height: 280px;		max-height: 280px;
	overflow-y: auto;		overflow-y: auto;
	padding-right: 5px;		padding-right: 5px;
	box-sizing: border-box;		box-sizing: border-box;
	}		}

	.notice-item{		.notice-item {
	display:flex;		display: flex;
	align-items:flex-start;		align-items: flex-start;
	position:relative; /* allow absolute-positioned icon */		position: relative;
	gap:0;		/* allow absolute-positioned icon */
	background:#fff;		gap: 0;
	border:1px solid #ddd; /* borda padrão */		background: #fff;
	border-radius:6px;		border: 1px solid #ddd;
	margin-bottom:10px;		/* borda padrão */
	padding:8px 10px;		border-radius: 6px;
	box-sizing:border-box;		margin-bottom: 10px;
	--notice-color: var(--notice-color, #f5b700);		padding: 8px 10px;
	border-left:5px solid var(--notice-color);		box-sizing: border-box;
	}		--notice-color: var(--notice-color, #f5b700);
			border-left: 5px solid var(--notice-color);
			}

	.notice-content{ flex:1; display:flex; flex-direction:column; gap:0; position:relative; z-index:2; padding-right:0; }		.notice-content {
			flex: 1;
			display: flex;
			flex-direction: column;
			gap: 0;
			position: relative;
			z-index: 2;
			padding-right: 0;
			}

	.notice-title, .notice-title a{		.notice-title,
	display:block;		.notice-title a {
	font-size:1.05rem; /* slightly smaller */		display: block;
	font-weight:700;		font-size: 1.05rem;
	color:#333;		/* slightly smaller */
	text-decoration:none;		font-weight: 700;
	margin:0;		color: #333;
	line-height:1.1;		text-decoration: none;
	}		margin: 0;
	~~.notice-title a:hover{ text-decoration: underline;~~ }		line-height: 1.1;
			}

	~~/* layout the text vertically and control spacing consistently */~~		.notice-title a:hover {
	~~/* header: inline row with optional inline icon, title and date */~~		text-decoration: underline;
	.notice-~~header~~{ ~~display:flex; align-items:center; gap:8px; justify-content:space-between; }~~		}
	~~.notice~~-~~header-left{ display:flex; align-items:center; gap~~:0; }
	~~.notice-header-right{ white-space:nowrap;~~ }

	.notice-date{ font-size:.85em; color:#888; margin:0 0 0 8px; }		.notice-header {
	.notice-desc{ color:#555; line-height:1.35; margin:2px 0 0 0 !important; display:block; }		display: flex;
	~~/* icon: fixed size, responsive and separated from content */~~		align-items: center;
	.notice-icon{		gap: 8px;
	width:32px;		justify-content: space-between;
	height:32px;		}
	object-fit:contain;
	flex-shrink:0;		.notice-header-left {
	border-radius:4px;		display: flex;
	background:transparent;		align-items: center;
	~~/* inline, left of title */~~		gap: 0;
	~~margin-right:8px;~~		}
	margin-top:2px;
	position:static;		.notice-header-right {
	opacity:0.9;		white-space: nowrap;
	}		}

	~~/* keep only inline/icon styling — no mobile repositioning or overlay logic */~~		.notice-date {
	.notice-icon--inline{ display:inline-block; width:32px; height:32px; ~~margin-right:8px;~~ position:static; opacity:0.9; }		font-size: .85em;
	.notice-icon--overlay{ display:none !important; }		color: #888;
			margin: 0 0 0 8px;
			}

			.notice-desc {
			color: #555;
			line-height: 1.35;
			margin: 2px 0 0 0 !important;
			display: block;
			}

			.notice-icon {
			width: 32px;
			height: 32px;
			object-fit: contain;
			flex-shrink: 0;
			border-radius: 4px;
			background: transparent;
			margin-top: 2px;
			position: static;
			opacity: 0.9;
			}

			.notice-icon--inline {
			display: inline-block;
			width: 32px;
			height: 32px;
			position: static;
			opacity: 0.9;
			}

			.notice-icon--overlay {
			display: none !important;
			}
	</style>		</style>
			<script>
			document.addEventListener('DOMContentLoaded', function () {
			document.querySelectorAll('.widget-changelog a').forEach(function(a){
			a.setAttribute('target','_blank');
			a.setAttribute('rel','noopener noreferrer');
			});
			});
			</script>

Gurren1 em 21h25min de 2 de setembro de 2025

2025-09-02T21:25:43Z

← Edição anterior		Edição das 21h25min de 2 de setembro de 2025
Linha 45:		Linha 45:
	/* icon: fixed size, responsive and separated from content */		/* icon: fixed size, responsive and separated from content */
	.notice-icon{		.notice-icon{
	width:~~20px~~;		width:32px;
	height:~~20px~~;		height:32px;
	object-fit:contain;		object-fit:contain;
	flex-shrink:0;		flex-shrink:0;
Linha 59:		Linha 59:

	/* keep only inline/icon styling — no mobile repositioning or overlay logic */		/* keep only inline/icon styling — no mobile repositioning or overlay logic */
	.notice-icon--inline{ display:inline-block; width:~~20px~~; height:~~20px~~; margin-right:8px; position:static; opacity:0.9; }		.notice-icon--inline{ display:inline-block; width:32px; height:32px; margin-right:8px; position:static; opacity:0.9; }
	.notice-icon--overlay{ display:none !important; }		.notice-icon--overlay{ display:none !important; }
	</style>		</style>

Gurren1 em 21h20min de 2 de setembro de 2025

2025-09-02T21:20:21Z

← Edição anterior		Edição das 21h20min de 2 de setembro de 2025
Linha 45:		Linha 45:
	/* icon: fixed size, responsive and separated from content */		/* icon: fixed size, responsive and separated from content */
	.notice-icon{		.notice-icon{
	width:~~32px~~;		width:20px;
	height:~~32px~~;		height:20px;
	object-fit:contain;		object-fit:contain;
	flex-shrink:0;		flex-shrink:0;
	border-radius:4px;		border-radius:4px;
	background:transparent;		background:transparent;
	/* ~~align icon visually with the top~~ of ~~the card/content~~ */		/* inline, left of title */
	margin-~~top:6px;~~		margin-right:8px;
	~~position:absolute;~~		margin-top:2px;
	right:8px;		position:static;
	~~bottom:8px;~~		opacity:0.9;
	~~opacity:0.28; /* increased opacity */~~
	~~z-index:1; /* behind content */~~
	}

	~~/* overlay-specific class (visual only) */~~
	~~.notice-icon--overlay{ pointer-events:none; }~~

	~~/* inline icon: hidden on desktop, shown on small screens and participates in layout */~~
	~~.notice-icon--inline{ display:none; width:20px; height:20px;~~ margin-~~right:6px; position~~:~~static; opacity:0.9~~; }

	~~/* mobile: show inline icon, hide overlay so it doesn't block layout */~~
	~~@media (max-width:800px){~~
	~~/* show inline icon in normal flow on small screens (no absolute left positioning) */~~
	~~.notice-icon--inline{~~
	~~display:inline-block;~~
	position:static;
	~~width:20px;~~
	~~height:20px;~~
	~~margin-right:6px;~~
	opacity:0.9;
	}
	~~/* keep overlay hidden on small screens to avoid duplication */~~
	~~.notice-icon--overlay{ display:none !important; }~~
	}
	~~/* ensure content sits above the icon and has space on the right */~~
	~~/* hide overlay icon on very wide screens */~~
	~~@media (min-width:1100px){~~
	~~.notice-icon--overlay{ display:none !important; }~~
	}		}

			/* keep only inline/icon styling — no mobile repositioning or overlay logic */
			.notice-icon--inline{ display:inline-block; width:20px; height:20px; margin-right:8px; position:static; opacity:0.9; }
			.notice-icon--overlay{ display:none !important; }
	</style>		</style>

Gurren1 em 21h13min de 2 de setembro de 2025

2025-09-02T21:13:44Z

← Edição anterior		Edição das 21h13min de 2 de setembro de 2025
Linha 68:		Linha 68:
	/* mobile: show inline icon, hide overlay so it doesn't block layout */		/* mobile: show inline icon, hide overlay so it doesn't block layout */
	@media (max-width:800px){		@media (max-width:800px){
	~~.notice-icon--inline{ display:inline-block; }~~		/* show inline icon in normal flow on small screens (no absolute left positioning) */
	~~.notice-icon--overlay{ display:none !important; }~~		.notice-icon--inline{
	/* ~~place~~ inline icon ~~at the left edge of the card~~ on small screens */		display:inline-block;
	.notice-icon--inline{		position:static;
	display:block ~~!important~~;		width:20px;
	position:~~absolute~~;		height:20px;
	~~left~~:~~8px~~;		margin-right:6px;
	~~top~~:~~50%~~;		opacity:0.9;
	~~transform~~:~~translateY(-50%)~~;		}
	~~width~~:~~28px~~;		/* keep overlay hidden on small screens to avoid duplication */
	~~height:28px;~~		.notice-icon--overlay{ display:none !important; }
	~~z-index:3;~~
	~~pointer~~-~~events~~:none;
	}		}
	/* ~~give~~ the ~~whole card padding so text doesn't sit under~~ the icon */		/* ensure content sits above the icon and has space on the right */
	~~.notice~~-~~item~~{ ~~padding-left:44px; }~~		/* hide overlay icon on very wide screens */
	.notice-~~content{ padding~~-~~right:16px; padding~~-~~left~~:0; }		@media (min-width:1100px){
			.notice-icon--overlay{ display:none !important; }
	}		}

	~~/* ensure content sits above the icon and has space on the right */~~
	</style>		</style>

Gurren1 em 21h04min de 2 de setembro de 2025

2025-09-02T21:04:41Z

← Edição anterior		Edição das 21h04min de 2 de setembro de 2025
Linha 67:		Linha 67:

	/* mobile: show inline icon, hide overlay so it doesn't block layout */		/* mobile: show inline icon, hide overlay so it doesn't block layout */
	@media (max-width:~~600px~~){		@media (max-width:800px){
	.notice-icon--inline{ display:inline-block; }		.notice-icon--inline{ display:inline-block; }
	.notice-icon--overlay{ display:none !important; }		.notice-icon--overlay{ display:none !important; }

Gurren1 em 20h47min de 2 de setembro de 2025

2025-09-02T20:47:44Z

← Edição anterior		Edição das 20h47min de 2 de setembro de 2025
Linha 71:		Linha 71:
	.notice-icon--overlay{ display:none !important; }		.notice-icon--overlay{ display:none !important; }
	/* place inline icon at the left edge of the card on small screens */		/* place inline icon at the left edge of the card on small screens */
	.notice-icon--inline{ position:absolute; left:~~10px~~; top:~~12px~~; width:28px; height:28px; }		.notice-icon--inline{
	~~.notice~~-~~content{ padding-right~~:~~16px~~; ~~padding~~-~~left~~:~~44px~~; }		display:block !important;
			position:absolute;
			left:8px;
			top:50%;
			transform:translateY(-50%);
			width:28px;
			height:28px;
			z-index:3;
			pointer-events:none;
	}		}
			/* give the whole card padding so text doesn't sit under the icon */
			.notice-item{ padding-left:44px; }
			.notice-content{ padding-right:16px; padding-left:0; }
			}

	/* ensure content sits above the icon and has space on the right */		/* ensure content sits above the icon and has space on the right */
	</style>		</style>

Gurren1 em 20h45min de 2 de setembro de 2025

2025-09-02T20:45:14Z

← Edição anterior		Edição das 20h45min de 2 de setembro de 2025
Linha 9:		Linha 9:
	.notice-item{		.notice-item{
	display:flex;		display:flex;
	align-items:flex-start;		align-items:flex-start;
	position:relative; /* allow absolute-positioned icon */		position:relative; /* allow absolute-positioned icon */
	gap:~~10px~~;		gap:0;
	background:#fff;		background:#fff;
	border:1px solid #ddd; /* borda padrão */		border:1px solid #ddd; /* borda padrão */
Linha 38:		Linha 38:
	/* header: inline row with optional inline icon, title and date */		/* header: inline row with optional inline icon, title and date */
	.notice-header{ display:flex; align-items:center; gap:8px; justify-content:space-between; }		.notice-header{ display:flex; align-items:center; gap:8px; justify-content:space-between; }
	.notice-header-left{ display:flex; align-items:center; gap:~~8px~~; }		.notice-header-left{ display:flex; align-items:center; gap:0; }
	.notice-header-right{ white-space:nowrap; }		.notice-header-right{ white-space:nowrap; }