Я уже некоторое время использую экземпляр Discourse для управления проектами клиентов и решил дополнить его более публичным контентом, поделиться кейсами и ресурсами. Это всё ещё находится в процессе разработки (стилизовано только для десктопа, большинство тем содержат лишь минимальный контент), но, кажется, я слишком долго на это смотрю, чтобы принимать взвешенные решения. 
Буду рад услышать ваши отзывы:
-
в целом: Всё ли интуитивно понятно? Имеет ли смысл то, чем я делюсь? Считаете ли вы, что мне стоит поделиться чем-то ещё или изменить акценты?
-
edit: переписал этот компонент, чтобы решить упомянутые проблемы
техническая сторона: Центральный компонент макета, который я использую, — это модифицированный поток боковой панели/заголовка. Цель состоит в том, чтобы отображать только одну основную панель навигации за раз: либо заголовок, либо боковую панель. Исходный компонент находится по адресу Manuel Kostka / Discourse / Helpers / Sidebar Flow · GitLab, и я применил два подхода для реализации этого потока:- повторно объявить заголовок над боковой панелью как прозрачный и назначить сетку для выравнивания переключателя боковой панели и логотипа по ширине боковой панели
- использовать хак со стилями для расширения фона боковой панели (объявить
drop-shadowна всю страницу, а затем ограничить его с помощьюclip-path)
Я выбрал этот подход, потому что пока он обеспечивает наилучшую анимацию, сохраняя анимацию сдвига по умолчанию. Таким образом, просто боковая панель сдвигается внутрь, её фон расширяется влево и в область заголовка, а прозрачный заголовок располагается поверх неё.
Недостатки, которые я вижу: повторное объявление заголовка в виде сетки плохо сочетается с другими компонентами, которые отображаются в заголовке. И я пока не нашёл способа заставить хак сclip-pathработать в Safari. Поэтому мне было бы интересно узнать, есть ли у каких-нибудь мастеров CSS здесь лучшие идеи!
Спасибо всем! 
