1

Маленькие визуальные баги

Вот подборка из трех визуальных багов/недочетов (два бага, одно предложение) в предположительном порядке сложности их устранения (от легкого к сложному).


1. Панель "Ваши обсуждения": пустое место между названием поста и количеством комментариев.

При определенной длине названия поста может возникать пустое место, как показано на картинке.

Маленькие визуальные баги Баг, Пикабу, Длиннопост

Иронично, на этом месте находится невидимый знак non-breaking space  .

Маленькие визуальные баги Баг, Пикабу, Длиннопост

После удаления выделенного элемента панель выглядит вот так:

Маленькие визуальные баги Баг, Пикабу, Длиннопост

Никаких прочих изменений не требуется.

2. У пользователя admin на странице https://pikabu.ru/profile/admin не скрывается кнопка "добавить в игнор-лист".

Маленькие визуальные баги Баг, Пикабу, Длиннопост

Мне кажется, что эта кнопка лишняя, т.к.

- нельзя добавить moderator в игнор-лист

- у пользователей ads и moderator эта кнопка скрывается (т.к. их нельзя добавить в игнор-лист)

Насколько я понимаю, исправить это очень легко: нужно просто добавить admin к двум другим исключениям в PHP.

3. Скрывать место под награды, если их нет.

При открывании профила на пол страницы можно увидеть кучу пустого места и оборванные строки:

Маленькие визуальные баги Баг, Пикабу, Длиннопост

Это место занято местом под награды:

<td>
<div class="awards_wrap">
<div>
</div>
</div>
</td>

Если это место убрать, то получится:

Маленькие визуальные баги Баг, Пикабу, Длиннопост

При полноэкранном режиме (и развернутом списке сообществ) это тоже очень заметно:

Маленькие визуальные баги Баг, Пикабу, Длиннопост
Маленькие визуальные баги Баг, Пикабу, Длиннопост

Насколько я понимаю, PHP получает список наград и вставляет их в div, поэтому можно просто добавить ещё один if на проверку длины списка и если она равна 0, то внешний td не ставить вообще. Или же поправить CSS чтобы браузер подстраивал ширину td под количество наград.

Бонус

Иногда при написании комментария и поиске ссылок для него, мизно нечаянно закрыть вкладку. Можно ли добавить диалоговое окно "Вы точно хотите закрыть вкладку с недописанным комментарием?" чтобы избежать этого?



Спасибо.

Багрепорты

8.1K постов1.1K подписчик

Правила сообщества

Опишите подробно:

- Возникшую проблему

- Порядок действий для повторения проблемы

- Версию Пикабу: ПК, мобильная браузерная, приложение Android, приложение iOS

- Ваше устройство, ОС, браузер


Приложите скриншоты или видео с проблемой

И мы постараемся помочь :)