Не знаю, как это объяснить, поэтому вот фото:
В области, отмеченной красным прямоугольником, я хотел бы иметь отдельный «блок/облачко» для раздела «Новые и непрочитанные темы». В области, обозначенной волнистой красной линией, я хочу, чтобы было пустое пространство, а под иконкой колокольчика «Отслеживание» тоже сделать отдельный «блок/облачко». По сути, я пытаюсь сделать так, чтобы это были два скругленных блока с пространством между ними. Другими словами, просто пытаюсь отделить раздел «Новые и непрочитанные темы» от того, что находится прямо над ним. Это возможно? Если да, пожалуйста, расскажите, как это сделать.
Кажется, что у раздела Темы есть ID div-элемента suggested-topics и класс more-topics__list, и я полагаю, что весь уже существующий скругленный блок, окружающий всё это, — это main-outlet, но я не могу понять, какой из них относится к области выше, где находится иконка колокольчика «Отслеживание».
Итак, я хочу, чтобы это выглядело так:
Красные прямоугольники обозначают те самые «блоки/облачка», о которых я говорил. Оранжевая линия между ними — это место, где я хочу видеть пространство между ними. Да, я прочитал все обычно рекомендуемые темы по CSS и так далее. Я не могу разобраться в этом уже около 6 часов. Судя по моим экспериментам, если я сделаю:
.more-topics__list{
display:none;
}
то это фактически уберет всё содержимое между иконкой колокольчика «Отслеживание» и фразой «Хотите прочитать больше?..» внизу, но это не очень помогает мне продвинуться, когда я хочу сохранить контент, просто разделив секции.
Discourse Air