# موضوع هوائي

**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [20 يوليو 2021، 8:24م UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 20
**Page:** 19

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [1 مايو 2025، 11:08م UTC](https://meta.discourse.org/t/air-theme/197703/569 "2025-05-01T23:08:23Z")

</div>

ألم يتم دمج ذلك في النواة مؤخرًا؟

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [1 مايو 2025، 11:09م UTC](https://meta.discourse.org/t/air-theme/197703/570 "2025-05-01T23:09:46Z")

</div>

يوجد شكل أساسي منه. يبدو أن المكون قد تمت إعادة تسميته إلى “Advanced Search Banner”.

لست متأكدًا مما إذا كان “Air theme” يستخدم المكون أم النواة الأساسية. الشيء نفسه ينطبق على خيار تبديل الإضاءة/الظلام الذي تم دمجه في النواة الأساسية.

تفاصيل هنا لتحديث المكون والنواة الأساسية:

> [@Advanced Search Banner](https://meta.discourse.org/t/advanced-search-banner/122939/171?u=heliosurge):
>
> FYI all, we are imminently merging a simplified version of this into core [FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/31516) . This component is still supported, but it has been renamed to Advanced Search Banner from this PR onward [DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub](https://github.com/discourse/discourse-search-banner/pull/84) . If this component is installed, the core welcome banner will not be displayed. …

أتخيل أن “Air theme” لا يزال يستخدم المكون لأنه إذا لم أكن مخطئًا، فسيتطلب ذلك بعض التحديثات لـ “Air theme” لتعديلات اللافتة والإرشادات لتمكين اللافتة في إعدادات الموقع.

---

<div class="post-metadata">

### Author: ![Nick\_Torres](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick_torres/32/472816_2.png) [@Nick\_Torres](https://meta.discourse.org/u/Nick_Torres)
#### Post date: [2 مايو 2025، 11:50ص UTC](https://meta.discourse.org/t/air-theme/197703/571 "2025-05-02T11:50:51Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2 مايو 2025، 7:11م UTC](https://meta.discourse.org/t/air-theme/197703/572 "2025-05-02T19:11:10Z")

</div>

كنت ألقي نظرة على CSS الشائع في رابط GitHub. أواجه بعض الصعوبة في تحديد العنصر.

ولكن إذا تمكنت من تحديد العنصر، فيجب أن تكون قادرًا على إنشاء مكون مخصص واستخدام شيء مثل

font-size: 44px !important;

لتجاوز حجم H1 في اللافتة.

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

قد تحصل أيضًا على بعض الإرشادات حول كيفية تحقيق ذلك عن طريق النشر في موضوع لافتة البحث المتقدم حول كيفية تغيير حجم H1.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [3 مايو 2025، 10:18م UTC](https://meta.discourse.org/t/air-theme/197703/573 "2025-05-03T22:18:15Z")

</div>

حسنًا، لم أجرب هذا بعد، لكن يمكنك تجربة ما يلي: أنشئ مكونًا جديدًا للسمات (#Customization > Theme component)

قم بتحرير ملف “CSS الشائع” (CSS Common) وأضف هذا الكود. كنت أراجع مصدر سمة Air على GitHub

```plaintext
// تخصيصات لافتة البحث المخصصة
.custom-search-banner-wrap {
   h1 {
    Font-size: 44px !important; 
    }
}

```

يحتوي القسم الأول في ملف “CSS الشائع” الخاص بسمة Air على تعديلات خاصة بـ لافتة العميل. لذلك تمكنت من استخدام ذلك كمرجع للكود أعلاه.

---

<div class="post-metadata">

### Author: ![tomtjes](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomtjes/32/131271_2.png) [@tomtjes](https://meta.discourse.org/u/tomtjes)
#### Post date: [7 مايو 2025، 1:07م UTC](https://meta.discourse.org/t/air-theme/197703/574 "2025-05-07T13:07:54Z")

</div>

لا أستطيع أن أجد طريقة لعرض الفئات الفرعية في أي مكان غير قائمة الاختيار للفئة الفرعية. هل هناك طريقة لعرضها في صفحات الملخص؟

---

<div class="post-metadata">

### Author: ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)
#### Post date: [13 مايو 2025، 7:01م UTC](https://meta.discourse.org/t/air-theme/197703/575 "2025-05-13T19:01:08Z")

</div>

مرحباً،  
أحاول تقليل عدد الأحرف في ملخصات المواضيع.  
لا أستطيع رؤية المعلمة.  
شكراً.

---

<div class="post-metadata">

### Author: ![serkhelesheyi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/serkhelesheyi/32/497726_2.png) [@serkhelesheyi](https://meta.discourse.org/u/serkhelesheyi)
#### Post date: [14 مايو 2025، 6:23ص UTC](https://meta.discourse.org/t/air-theme/197703/576 "2025-05-14T06:23:06Z")

</div>

![The image displays Arabic text announcing a real distance learning platform on YouTube to learn languages for free. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/0/b/2/0b2efcc2209ccdba0346725d7ba14cc36fdfd131.jpeg)  
 ![The image features a digital interface with Arabic text at the top that translates to "The phone is very expensive," accompanied by a search bar, a text input box with icons, and a drag-and-drop upload or interaction element highlighted in orange and green. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/e/2/2/e22410d179dc564cdc4fac24e18fc6fede7b3d55.jpeg)  
 ![The image displays a user interface designed in purple and black with Arabic text at the top, promotional content in the middle, and an orange and green button at the bottom. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/2/c/22cd7189fec68b5e4361691656d4afce707e7107.jpeg)

**Subject** : Issues with Air Theme on Categories Homepage (Admin vs Non-Admin View)

Hi

I am using the Air theme on my Discourse forum. My forum’s default homepage is set to display Categories. I’ve encountered a few display issues related to this theme in **mobile view** , specifically differences in layout and functionality depending on whether the user is an administrator or a regular user.

Here are the specific problems:

1. **Missing View Switcher for Admins:** When logged in as an administrator, there is no visible button or control to switch between the “Categories”, “Latest”, or “hot” views on the homepage. The Categories view is displayed, but I cannot easily navigate to the others from this page.
2. **Invisible/Blank View Switcher for Non-Admins (Categories View):** When logged in as a non-admin user, a button does appear below the search bar, seemingly intended for switching views. However, when the forum is in the default “Categories” view, this button appears as a large, empty rectangle with no text label indicating its function (e.g., “Latest”, “hot”). This makes it confusing for users. This issue does not occur when the homepage is already set to “Latest” or “hot” for non-admins; the button correctly shows the text for switching back to “Categories”.
3. **Different Category Box Width (Admin vs Non-Admin):** The display box for category names and descriptions appears narrower when viewed as an administrator compared to how it looks for a non-admin user. This affects the layout and presentation of the category list.

I have attached screenshots illustrating these issues (Irrelevant parts of the images have been blurred or removed)

Has anyone else experienced similar problems with the Air theme, particularly when the default homepage is set to Categories? Any insights or potential CSS fixes would be greatly appreciated.

Thanks!

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [27 مايو 2025، 9:46م UTC](https://meta.discourse.org/t/air-theme/197703/578 "2025-05-27T21:46:28Z")

</div>

أستطيع تأكيد وجود المربع الفارغ في قالب Air. رغم أنني أراه حتى في لوحة التحكم.

أستطيع تأكيد أنه يبدو أن المشكلة تكمن في قالب Air نفسه وليس في مكون فئات المجموعات الحديثة.

ومع ذلك، يجب عليك إنشاء موضوع في فئة #Contribute > Bug مع وسم #air-theme، وربما إضافة وسم #ux أيضًا.

لدي قالب هو نسخة من قالب Air، وسأحاول رصد أي تغيير في الكود، لكنني لا أزال مبتدئًا.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [27 مايو 2025، 9:57م UTC](https://meta.discourse.org/t/air-theme/197703/579 "2025-05-27T21:57:42Z")

</div>

قد يكون هذا السطر في CSS للجوال ذا صلة. في GitHub، يظهر هذا السطر كالتالي:

```plaintext
.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0 !important;
}

```

كما ذكرت، قمت بنسخ CSS الخاص بمظهر air لإنشاء مظهر مخصص. هذا هو الكود الأصلي لهذا السطر مع ملاحظة عدم وجود “px”

```plaintext
.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0px !important;
}

```

لم يتم الاختبار. ولكن قم بإنشاء مكون مخصص والصق الكود أعلاه في CSS الخاص بالجوال. احفظ وقم بتمكين المكون على مظهر air.

**لسوء الحظ، تم الاختبار للتو ولم يتم إصلاح المشكلة. يجب أن يكون px افتراضيًا إذا لم يتم تحديده.**

---

<div class="post-metadata">

### Author: ![MAR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mar/32/71419_2.png) [@MAR](https://meta.discourse.org/u/MAR)
#### Post date: [13 يونيو 2025، 7:57م UTC](https://meta.discourse.org/t/air-theme/197703/581 "2025-06-13T19:57:42Z")

</div>

@Northern ، يجب أن أقول إنني أتفق مع @qingfeng1024. سيكون البرنامج التعليمي حول كيفية تخصيصه بشكل جيد للغاية ذا قيمة حقًا

---

<div class="post-metadata">

### Author: ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)
#### Post date: [15 يونيو 2025، 12:29م UTC](https://meta.discourse.org/t/air-theme/197703/582 "2025-06-15T12:29:31Z")

</div>

على الهاتف المحمول، المواضيع ليست واسعة بما فيه الكفاية. هل هناك إصلاح CSS سهل لإزالة هذه المسافة البادئة على الجانبين؟ سمة Horizon تقوم بهذه المسافة البادئة بشكل أفضل على الهاتف المحمول.

---

<div class="post-metadata">

### Author: ![MAR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mar/32/71419_2.png) [@MAR](https://meta.discourse.org/u/MAR)
#### Post date: [30 يونيو 2025، 10:48م UTC](https://meta.discourse.org/t/air-theme/197703/583 "2025-06-30T22:48:23Z")

</div>

كيف تحصل على الجزء الذي يحتوي على قائمة منسدلة بها:

أدوات  
حول  
موارد؟

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [30 يونيو 2025، 10:51م UTC](https://meta.discourse.org/t/air-theme/197703/584 "2025-06-30T22:51:06Z")

</div>

ربما باستخدام

> [@Custom Header Links](https://meta.discourse.org/t/custom-header-links/90588/106):
>
> Is it possible to add some basic dropdown menu to an any item? I couldn’t create a dropdown menu with “Custom header links”. It seems [Zoom](https://devforum.zoom.us/) did that. I reviewed their dropdown menu via console, but I couldn’t figure out how they interfere with the html of this component for adding dropdown to any item. Is there a way to add this dropdown to item? @Johani \<div id="dropdown"\> \<a title="Zoom Developer Documentation" href="https://marketplace.zoom.us/docs" target="\_blank"\>Developer\</a\> …

، ولكن يمكنك أيضًا إلقاء نظرة على

> [@down\_arrow Dropdown Header](https://meta.discourse.org/t/dropdown-header/226170):
>
> mag Overview This theme component allows you to add links with text, icons, and dropdowns to the native header of your Discourse site. Bug reports, feature requests, and PRs are most welcome; sponsorship enables work on this component to be prioritised by the Pavilion team. computer Code [View the GitHub Repo](https://github.com/paviliondev/discourse-dropdown-header)gear Settings There are a variety of settings you can configure to customize the component, including link customizations, icon sourcing, adding link security, positioning…

---

<div class="post-metadata">

### Author: ![immalex](https://avatars.discourse-cdn.com/v4/letter/i/258eb7/32.png) [@immalex](https://meta.discourse.org/u/immalex)
#### Post date: [25 أغسطس 2025، 11:14م UTC](https://meta.discourse.org/t/air-theme/197703/585 "2025-08-25T23:14:20Z")

</div>

ليس لدي أي مكونات مخصصة أو CSS، ولكن لسبب ما، يختلف العرض عندما أكون على الشاشة الإدارية (أوسع) مقابل الشاشة الرئيسية (أضيق).

هل هناك طريقة لجعلها متطابقة؟ أفضل العرض الأوسع.

---

<div class="post-metadata">

### Author: ![REALITY](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/reality/32/199798_2.png) [@REALITY](https://meta.discourse.org/u/REALITY)
#### Post date: [4 ديسمبر 2025، 10:54م UTC](https://meta.discourse.org/t/air-theme/197703/586 "2025-12-04T22:54:09Z")

</div>

> حدث خطأ: يجب أن تكون لقطات الشاشة الخاصة بالسمة بأحد التنسيقات التالية: .jpg، .jpeg، .gif، .png. لقطة الشاشة light.webp لها تنسيق غير صالح.

خطأ عند محاولة التحديث إلى الأحدث.

---

<div class="post-metadata">

### Author: ![yuriy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yuriy/32/498097_2.png) [@yuriy](https://meta.discourse.org/u/yuriy)
#### Post date: [5 ديسمبر 2025، 4:43ص UTC](https://meta.discourse.org/t/air-theme/197703/587 "2025-12-05T04:43:49Z")

</div>

@REALITY، يبدو أنك لم تقم بتحديث موقعك إلى أحدث إصدار، والذي يحتوي على القائمة المحدثة:

> <https://github.com/discourse/discourse/blob/main/lib/theme_screenshots_handler.rb#L7>

> [@REALITY](#):
>
> خطأ عند محاولة التحديث إلى الأحدث.

فقط للتأكد - هل تحاول تحديث سمة Air Theme إلى الأحدث؟

---

<div class="post-metadata">

### Author: ![smth1](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@smth1](https://meta.discourse.org/u/smth1)
#### Post date: [15 ديسمبر 2025، 11:43م UTC](https://meta.discourse.org/t/air-theme/197703/588 "2025-12-15T23:43:04Z")

</div>

يبدو الأمر فظيعًا على متصفح سفاري في نظام iOS 26، هل من مساعدة لإصلاح ذلك؟

تعديل: وعلى متصفح كروم للجوال أيضًا.

 ![IMG_3814](https://global.discourse-cdn.com/meta/original/4X/2/c/e/2ceb7a72dd52afc931b64627275fa855ce75e36e.jpeg)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [16 ديسمبر 2025، 3:56م UTC](https://meta.discourse.org/t/air-theme/197703/589 "2025-12-16T15:56:21Z")

</div>

هل تشير إلى نقص المساحة هذا؟

![CleanShot 2025-12-16 at 09.55.28@2x](https://global.discourse-cdn.com/meta/original/4X/6/9/d/69df61d376237656854de7bcefbe18072790727f.png)

إذا لم يكن كذلك، فهل هناك أي شيء آخر تشعر أنه يبدو سيئًا؟ ستساعدنا الإشارات المحددة في إصلاح المشكلة التي تواجهها. شكرًا!

---

<div class="post-metadata">

### Author: ![smth1](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@smth1](https://meta.discourse.org/u/smth1)
#### Post date: [16 ديسمبر 2025، 4:19م UTC](https://meta.discourse.org/t/air-theme/197703/590 "2025-12-16T16:19:05Z")

</div>

نعم، تلك المساحة، والنص “Aktivnosti” (الأنشطة) غير محاذٍ بشكل جيد.

ربما يمكن أن تكون الأزرار بالنص الكامل، مثل “New topic” (موضوع جديد).

مظهر المنتدى جميل جدًا، ولكن هذه الأشياء الصغيرة تحتاج إلى إصلاح.

[Previous page](https://meta.discourse.org/t/air-theme/197703.md?page=18)

[Next page](https://meta.discourse.org/t/air-theme/197703.md?page=20)
