كيفية جعل عنوان الموضوع ومحدد الوسوم على نفس السطر؟

[nexo]

مرحبًا، مجتمعي لا يستخدم التصنيفات، لذا قمت بإخفائها باستخدام CSS.

الآن أحاول جعل حقل العنوان وأداة اختيار العلامات في نفس السطر لتوفير المساحة.
أول ما قمت به هو إزالة الخاصية flex-grow: 1 تحت #reply-control .title-input input. هذا جعل حقل العنوان في مكان جيد.

كيف يمكنني جعل أداة اختيار العلامات بنفس حجم حقل العنوان ووضعها بجانبه مباشرة في سطر واحد بدلاً من أن تأخذ سطرين؟ سأقدر جدًا أي مساعدة، شكرًا لك.

[tshenry (Taylor)]

جرب كود CSS التالي:

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

أعتقد أنه من المنطقي أكثر تخصيص عرض أكبر لحقل العنوان، ولكن إذا كنت تريد أن يكون حقلَا الإدخال متساويين في العرض، فغيّر النسبة 50% إلى 25%.

[nexo]

أنت أسطورة حقيقية شكرًا جزيلاً لك!