Уважаемые пользователи!
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 | Как задавать вопросы | Как устанавливать расширения
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ).
Расширение, чтобы скрыть часть 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;
}