حيث يوجد المربع الأحمر، أود أن يكون لدي “مربع/فقاعة” منفصلة لمنطقة “المواضيع الجديدة وغير المقروءة”. حيث يوجد الخط الأحمر المتعرج، أود أن تكون تلك المنطقة مساحة، ثم أسفل أيقونة الجرس “التتبع”، اجعلها “مربع/فقاعة” خاصة بها أيضًا. بشكل أساسي، أحاول جعل هذا يكون حدودًا مستديرة مزدوجة مع مساحة بينهما. في الأساس، أحاول فقط فصل منطقة “المواضيع الجديدة وغير المقروءة” عما هو فوقها مباشرة. هل هذا ممكن؟ إذا كان الأمر كذلك، فيرجى إخباري كيف.
يبدو أن منطقة المواضيع لديها معرف div هو suggested-topics بفئة div هي more-topics__list وأعتقد أن الصندوق المستدير بالكامل الذي يحيط بكل ذلك هو main-outlet ولكني لا أستطيع تحديد أي منها هي المنطقة المذكورة أعلاه حيث توجد أيقونة جرس التتبع.
المربعات الحمراء تشير إلى “المربعات/الفقاعات” التي أشرت إليها أعلاه. الخط البرتقالي بينهما هو المكان الذي أريد أن تكون فيه المسافة بينهما. ونعم، لقد قرأت جميع مواضيع CSS الموصى بها عادةً وما إلى ذلك. لا يمكنني معرفة ذلك بعد حوالي 6 ساعات. من خلال التجربة، يبدو أنه إذا قمت بما يلي:
.more-topics__list{
display:none;
}
فإن ذلك يزيل فعليًا كل الأشياء بين أيقونة جرس التتبع و “هل تريد القراءة المزيد؟…” في الأسفل، لكن هذا لا يساعدني حقًا في الوصول إلى أي مكان عندما أريد الاحتفاظ بالمحتوى، فقط تقسيم الأقسام.