Skocz do zawartości
Dzagu

IPS 4 - Wyświetlanie for, subfor w 2-3 kolumnach

Rekomendowane odpowiedzi

Aby ustawić wyświetlanie w 2-3 kolumnach subfor, wystarczy wkleić ten kod do custom.css

/* Subforum columns - start */
.ipsDataItem_subList{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

	.ipsDataItem_subList li{
		width: calc((99% / 1));
		line-height: 26px;
		flex: 0 0 auto;
		position: relative;
	}
	
	.ipsDataItem_subList > li,
	html[dir="rtl"] .ipsDataItem_subList > li {
	    margin-right: 0 !important;
	    margin-left: 0;
	}

		.ipsDataItem_subList li:before{
			content: '\f18e';
			font-family: 'FontAwesome';
			font-size: 14px;
			display: inline-block;
			transform: translate(0,0);
			font-weight: normal;
		}
		
		.ipsDataItem_subList a{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: absolute;
			top: 0; bottom: 0;
			left: 15px; right: 5px;
		}
		
		html[dir='rtl'] .ipsDataItem_subList a{
			left: 5px;
			right: 15px;
		}
		
		html[dir='ltr'] .ipsDataItem_subList .ipsDataItem_unread a{
			left: 12px;
		}
		
		html[dir='rtl'] .ipsDataItem_subList .ipsDataItem_unread a{
			right: 12px;
		}
		
		.ipsDataItem_subList:before,
		.ipsDataItem_subList li a::after{
			display: none;
		}

@media screen and (min-width: 550px){
	
	/* Increase to 2 columns when appropriate */
	.ipsDataItem_subList li{
		width: calc((99% / 2));
	}
		
}

@media screen and (min-width: 1300px){
	
	/* Increase to 3 columns on large screens */
	.ipsDataItem_subList li{
		width: calc((99% / 3));
	}
		
}
/* Subforum columns - end */

Aby zmienić liczbę wyświetlanych kolumn należy wyedytować tą linijkę:

width: calc((99% / 3));

 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się


×