BDemetrix / BDemetrix.github.io

3 stars 2 forks source link

Возвращение к блудному сыну (окну модерации) #66

Closed kulbergArt closed 8 months ago

kulbergArt commented 8 months ago

В окне модерации в мобиле есть некоторый недостаток в понимании что сейчас активно, а что нет. Да и стили прыгают. Давай цвета подвигаем =) Знаю ты это не очень любишь)

Фрейм: "popup clear desktop new colors"

Меняем только цвета у активных и не активных элементов (кнопки, теги). Шрифты, font-weight и что ещё может отличаться не трогаем.

Ссылка: Figma

image

BDemetrix commented 8 months ago

@kulbergArt прошу объяснить значение недостаток в понимании что сейчас активно, а что нет Имеешь в виду, что не нажимается (например у кнопки атрибут disabled) или не выбран (как чекбокс без checked)? Нет темной темы!

BDemetrix commented 8 months ago

@kulbergArt
Создан глобальный класс .search-field-with-icon - необходимо заменить добавить его в html ко всем .nf-filter__search Пример class="nf-filter__search search-field-with-icon"

Сделать голубые кнопки .blue-btn серыми можно двумя способами: 1) добавить атрибут disabled - кнопка станет не активной 2) Добавить модификатор .blue-btn--not-selected - кнопка останется активной

kulbergArt commented 8 months ago

@kulbergArt прошу объяснить значение недостаток в понимании что сейчас активно, а что нет Имеешь в виду, что не нажимается (например у кнопки атрибут disabled) или не выбран (как чекбокс без checked)? Нет темной темы!

Имеются ввиду все элементы которые могут быть активными или нет (не в том плане что active или disabled, прошу прощения если ввёл в заблуждение). К примеру, модератор вывел пост на главную ленту. Кнопка "Главная" изначально была "серая", а когда пост был выведен на главную стала "синей".

Тогда модератор открывает снова это окно, ему сразу будет видно какой пот выведен, какой тег поставлен и т.д.

До этого, ему приходилось вглядываться, и зачастую вызывало ошибки в использовании.

BDemetrix commented 8 months ago

@kulbergArt для этого надо использовать модификатор .blue-btn--not-selected Хотя я учел оба варианта

Только надо исправить стили для (развернут/свернут) image

kulbergArt commented 8 months ago

Супер) Ждёмс)

BDemetrix commented 8 months ago

@kulbergArt готово Коммиты https://github.com/BDemetrix/BDemetrix.github.io/pull/68 https://github.com/BDemetrix/BDemetrix.github.io/pull/69 sl_mobile/#src/_moderation-pop-up.html в https://github.com/BDemetrix/BDemetrix.github.io/pull/70/files