Discourse Retort

Einige CSS-Probleme und wie ich sie für unseren persönlichen Gebrauch gelöst habe

Desktop

Das erste ist nicht so sehr ein Problem, aber es könnte eines sein. Wir haben selten so viele Erwiderungen auf einem Beitrag, aber Sie sollten wissen, dass bei mehr als 8 Erwiderungen die Post-Steuerung kaputtgeht.
screenshot-vapingcommunity.co.uk-2020.09.08-20_46_47

Hier mit 8 Erwiderungen, sieht großartig aus.
screenshot-vapingcommunity.co.uk-2020.09.08-20_47_53

Für Desktop verwendetes CSS

.post-retort {
	margin: 0px 2px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
}

Telefon: iPhone SE Gen1

Mobil

Die maximale Anzahl an Erwiderungen auf Mobilgeräten, ohne dass die Post-Steuerung kaputtgeht, beträgt mindestens bei kleineren Bildschirmen derzeit 1.

Bei mehr als einer Erwiderung wird die Post-Steuerung vom Bildschirm verschoben.

So sieht es mit unseren CSS-Änderungen aus.

Mobil-CSS

.post-retort {
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
	margin: 2px 2px;
	float: none;
}

Sie können auf dem Desktop denselben Look wie auf Mobilgeräten erreichen, indem Sie das obige Mobil-CSS verwenden. Dadurch werden die Erwiderungen über die Post-Steuerung platziert.

screenshot-vapingcommunity.co.uk-2020.09.08-21_03_13

Wir lieben dieses Plugin und es wird auf unserem Forum häufig verwendet. Danke, dass du es übernommen hast, @angus :+1:

5 „Gefällt mir“