Как разместить заголовок темы и селектор тегов в одной строке?

Привет! В моём сообществе категории не используются, поэтому я скрыл их с помощью CSS.

Теперь я пытаюсь расположить поле «Заголовок» и селектор тегов на одной строке, чтобы сэкономить место.

Сначала я убрал свойство flex-grow: 1 для селектора #reply-control .title-input input. Благодаря этому поле «Заголовок» оказалось в нужном месте.

Как сделать так, чтобы селектор тегов имел такой же размер, как и поле «Заголовок», и располагался сразу рядом с ним на одной строке, а не занимал две строки? Буду очень признателен за любую помощь, спасибо.

Попробуйте следующий CSS:

#reply-control .with-tags .title-input {
  flex: 1 1 50%;
  margin-left: 0;
  margin-right: 5px;
}

Я думаю, что имеет больше смысла выделить заголовку больше ширины, но если вы хотите, чтобы оба поля ввода были одинаковой ширины, измените 50% на 25%.

6 лайков

Ты просто легенда :smiley: Большое спасибо!

2 лайка