[dev] List subforums in columns

[rxu]

Исходный код: https://github.com/rxu/List_subforums_in_columns
Копировать в папку: /ext/gfksx/ListSubforumsInColumns/

[rxu]

Вот исправленная версия, где это устранено:

Снова - что изменено?

[apograph]

Убрал из: <span class="list_subforums_in_columns" style="float: left;"> это: style="float: left;".

В CSS добавил:

Код: Выделить всё

.list_subforums_in_columns a.subforum.unread:before {
    float: left;
}
...
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
	.list_subforums_in_columns a.subforum.unread:before {
	    float: none;
	}
}

Но я полностью архив заливаю. Можно просто заменить ВСЕ файлы и пользоваться

[rxu]

Код: Выделить всё

.list_subforums_in_columns a.subforum.unread:before {

А почему только unread?

[apograph]

Не удалил) Как копировал.
Если можно CSS заменить в архиве выше.

list.zip

[rxu]

Если можно CSS заменить в архиве выше.

В 3.1 с данными правками подфорумы выстраиваются только в 1 столбик, вне зависимости от установленного значения в настройках. Связано с цсс, если вернуть в span инструкцию по float: left - всё нормализуется.

[apograph]

Я нашел, где пропустил (для вторых и последующих столбцов не убрал floaf:left;). Все работало, но иконки не отображались после 1 столбца в 3.2.
Так же и да 3.1 протестил.
Прикладываю рабочие версии для 3.1 и 3.2 с CSS.

phpbb3.1.jpg

phpbb3.2.jpg

Все проверено:
3.1:

ListSubforumsInColumns(3.1).zip

3.2:

ListSubforumsInColumns(3.2).zip

Все файлы выше прошу удалить. Спасибо.

[rxu]

Прикладываю рабочие версии для 3.1 и 3.2 с CSS.

В таком варианте, в мобильном виде все подфорумы в одну колонку, верно?

[apograph]

Да. Но так оно и в Вашей версии смещаются в один столбец (с 2 пробелами). Все сохраняется.
Или нет? У меня просто подфорумы все с длинными названиями.
И вообще, лучше span заменить на div.

[rxu]

Кажется, понял. У спана последней колонки должно быть float: none;. Тогда число тем отображается нормально.

[apograph]

У спана последней колонки должно быть float: none;

Так через CSS это и делаем, нет?

[rxu]

В мобильном виде - для всех спанов, поэтому одна колонка. Если делать это только для спана посделней колонки, в мобильном виде колонки останутся, плюс число тем будет как положено - под ними.

[apograph]

Мне на форуме нужен был в 1 столбец) Остальные вообще не нужны были.
Да и в столбик на мобильном вроде ничего страшного.
Но все же, думаю, Вы правы.
Для 3.1:

ListSubforumsInColumns(3.1).zip

Для 3.2

ListSubforumsInColumns(3.2).zip

Пример работы:

3.2.jpg

Описывать правки нужно?

[rxu]

Описывать правки нужно?

Желательно.
Тот же эффект дает простое оборачивание всех колонок в div.

[apograph]

В файле forumlist_body_subforums_after.html:

Код: Выделить всё

{forumrow.SUBFORUMS}

заменяем на:

Код: Выделить всё

<span class="list_viravnivanie">{forumrow.SUBFORUMS}</span>

В CSS добавляем:

Код: Выделить всё

.list_viravnivanie :last-child {
    float: none;
}

Определяет последний столбец.
Ну и в листенер вместо span делаем div

И все работает)

[rxu]

Ну и в листенер вместо span делаем div

В слушателе не будет разметки, всё выношу в шаблон. Скоро в репо