Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.
Расширение, чтобы скрыть часть post buttons
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ | Как задавать вопросы | Как устанавливать расширения
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение
).
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ | Как задавать вопросы | Как устанавливать расширения
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение
![Подмигивает ;)](https://www.phpbbguru.net/community/images/smilies/icon_e_wink.gif)
Расширение, чтобы скрыть часть post buttons
Есть ли какое-то расширение, чтобы спрятать на десктопе основную массу кнопок в посте в выпадашку.
По аналогии как это происходит в адаптивной версии (там где ... заменяют кнопки) Уж больно неаккуратно выглядит это обилие кнопок.
По аналогии как это происходит в адаптивной версии (там где ... заменяют кнопки) Уж больно неаккуратно выглядит это обилие кнопок.
-
- Поддержка
- Сообщения: 3336
- Стаж: 15 лет 1 месяц
- Благодарил (а): 25 раз
- Поблагодарили: 590 раз
Re: Расширение, чтобы скрыть часть post buttons
Код: Выделить всё
.post-buttons {
max-width: 64px !important;
}
Это костыль, т.к. кнопки на мобильной версии прячет JavaScript, и при загрузке страницы всё это безобразно мелькает, как и адаптивные ссылки и breadcrumbs в шапке. По уму надо убирать оттуда JavaScript и всё переделывать на CSS. Но расширением этого не сделать, это вопрос стиля.
Re: Расширение, чтобы скрыть часть post buttons
Спасибо. Да, не очень красиво, жаль. Даже при быстрой прогрузке страницы столбики переходят под точки.
-
- Поддержка
- Сообщения: 3336
- Стаж: 15 лет 1 месяц
- Благодарил (а): 25 раз
- Поблагодарили: 590 раз
Re: Расширение, чтобы скрыть часть post buttons
Попробуйте так. Кнопки будут при загрузке невидимы (прозрачны), а потом постепенно появятся, уже после того, как JavaScript их обработает.
0.5s - время задержки до начала появления кнопок.
Код: Выделить всё
@keyframes postButtonsReveal {
from { opacity: 0; }
to { opacity: 1; }
}
.post-buttons {
max-width: 64px !important;
opacity: 0;
animation: postButtonsReveal ease 0.3s 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
Re: Расширение, чтобы скрыть часть post buttons
Так работает быстрее, но кнопки в столбик всё равно видны обычного цвета. При отличной скорости загрузки страницы примерно как раз полсекунды, при задумчивой - как повезет :D
Отправлено спустя 3 минуты 13 секунд:
Вру, почему-то в этот раз пришлось кэш руками чистить, чтобы изменения пришли в норму. Так - огонь. Спасибо огромное.
Отправлено спустя 1 минуту 19 секунд:
И последний вопрос. Можно ли как-то вывести отдельную кнопку (благодарность) из этого поведения?
Отправлено спустя 3 минуты 13 секунд:
Вру, почему-то в этот раз пришлось кэш руками чистить, чтобы изменения пришли в норму. Так - огонь. Спасибо огромное.
Отправлено спустя 1 минуту 19 секунд:
И последний вопрос. Можно ли как-то вывести отдельную кнопку (благодарность) из этого поведения?
Re: Расширение, чтобы скрыть часть post buttons
Не нашел как сделать через цсс, пришлось править шаблон.
Добавил к <li> data-skip-responsive="true" в расширении спасибок и увеличил ваш вариант максимальной ширины - всё идеально!
Добавил к <li> data-skip-responsive="true" в расширении спасибок и увеличил ваш вариант максимальной ширины - всё идеально!
Re: Расширение, чтобы скрыть часть post buttons
Всё же рано я радовался, после, например, ctrl+f5 на странице долгая прогрузка кнопок четко видна, т.е. прозрачность не срабатывает. То же самое при первом посещении страницы с другого устроиства. Такое ощущение, что пока страница в браузере не закэшировалась, своиство не отрабатывает. Может такое быть?
-
- Поддержка
- Сообщения: 3336
- Стаж: 15 лет 1 месяц
- Благодарил (а): 25 раз
- Поблагодарили: 590 раз
Re: Расширение, чтобы скрыть часть post buttons
Не может. Наверное, страница перегружена, сервер тупит или браузер, и задержки 0.5s мало. Для теста можно поставить 3s, например.
Отправлено спустя 4 минуты 8 секунд:
Можно ещё вот так попробовать:
Это означает сначала ждём, пока скрипты загрузятся и начнут работать, потом ждём ещё 0.5s, потом показываем кнопки.
Отправлено спустя 4 минуты 8 секунд:
Можно ещё вот так попробовать:
Код: Выделить всё
@keyframes postButtonsReveal {
from { opacity: 0; }
to { opacity: 1; }
}
.post-buttons {
max-width: 64px !important;
opacity: 0;
}
.hasjs .post-buttons {
animation: postButtonsReveal ease 0.3s 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
Re: Расширение, чтобы скрыть часть post buttons
Nekstati, обнаружил 2 проблемы со сворачиванием кнопок.
1. Список прячется под цитату, то что за цитатой невозможно нажать. Ситуация появляется когда цитата в сообщении идет первой.
2. Если пост слишком коротки, а список кнопок длинный - нижние ссылки скрываются за тело следующего поста. Это можно как-то поправить?
1. Список прячется под цитату, то что за цитатой невозможно нажать. Ситуация появляется когда цитата в сообщении идет первой.
2. Если пост слишком коротки, а список кнопок длинный - нижние ссылки скрываются за тело следующего поста. Это можно как-то поправить?
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Re: Расширение, чтобы скрыть часть post buttons
z-index нельзя установить для position:static
Nekstati, не подскажете, как решить 2 вопроса выше? Есть уточнения.
Выпадашка закрывается цитатой только если к ней применено св-во opacity. Если прозрачности нет, то все ок. Непонятно, почему так. У меня цитата с прозрачностью 0.5. Я бы уменьшил ей width чтобы она не пересекалась с выпадашкой, но тогда надо добавлять условие еще для адаптивки на смартфонах.
А за сообщение так и залезает...( Z-index не выставить. Непонятно (
-
- Поддержка
- Сообщения: 3336
- Стаж: 15 лет 1 месяц
- Благодарил (а): 25 раз
- Поблагодарили: 590 раз
Re: Расширение, чтобы скрыть часть post buttons
Код: Выделить всё
ul.post-buttons {
z-index: 1;
}
romeo_piter, или попробуйте вообще по-другому, вместо всего описанного выше:
Код: Выделить всё
.section-viewtopic .post-buttons {
max-width: 64px !important;
opacity: 0;
transition: opacity 0.3s 0.3s;
}
.hasjs .post-buttons {
opacity: 1;
}