Air Theme

Hi, everyone! I hope you’re all doing great.

I plan to install the air theme and check it on different devices, but I have an issue with how it looks on iOS.

Is there a way to make the background static so you can only see the blue & grey on top when you’re logged in? What I’m looking for is to have a grey background when scrolling down through categories.

2 Likes

This theme is meant to be used in tandem with the modern category theme component that is also installed with the theme.

3 Likes

Visual Bugs as of 03/31/2023

Update: Most if not all bugs are not caused by Air Theme, but rather a patch update by Discourse.

  • Using the latest version of Discourse (at the time), Air Theme, and Modern Category + Group Boxes.
  • All settings from the OP tips area are matching.
  • All custom CSS has been disabled to rule out any conflicts.

Bug #1 - Categories are displayed as 2 columns.

When logged in, categories display as blocks (1 column) which is correct.

Update: Not related to Air Theme

  • Impacts Android, iOS, and Windows-Chrome using Mobile view when logged out.

Solution: Updating Discourse To: discourse v3.1.0.beta2 +864


Bug #2 - Header is missing. Users cant login.

Update: Not related to Air Theme
Solution: Updating Discourse To: discourse v3.1.0.beta2 +864

  • Impacts Android, iOS, and Windows-Chrome using Mobile view when logged out.

Bug #3 - When logged out, the categories page displays the Air Theme pill shaped categories (good), and also repeats the categories using the original category style native to Discourse (bad).

Update: Not related to Air Theme
Solution: Updating Discourse To: discourse v3.1.0.beta2 +864
Result: This entire are is no longer displayed. Only the Air Themed styles category pills are visable.


Bug #4 - White wrapper around categories missing.

  • Impacts Android, and iOS on mobile view (logged in or out)

Mobile View on Desktop - vs - Mobile View using App

The html body #main-outlet css class does not appear to be compatible on mobile devices.

1 Like

Hello there,

I really love the template and i use it from maybe 2 weeks, and i would like to add analytics to my forum. But i cant modify the CSS for adding the google tag code from analytics.

Did u know if its possible to add it somewhere ?

thanks a lot for ur anwser !

1 Like

Hi, welcome back :wave:

You don’t need to modify your theme. Unless I misunderstand, you can set up Google Analytics in the admin settings (Basic Setup or type ga in the search bar)

2 Likes

What version of discourse are you using?

My testing site is displaying properly on mobile.

Logged in

Logged out

Do you have any plugins installed?

I am running “Tests passed”

1 Like

3.1.0.beta3


And as per your screenshot you are also experiencing the bug below…


All plugins disabled, and the issues still occur on multiple devices, cache refreshed, and also tried incognito.

1 Like

not sure about this theme specifically, but i’m running a live custom theme that uses #main-outlet css to make the white background in a very similar way (with rounded corners too) and it seems to work as expected on mobiles. i’ve set it a dark color and changed other attributes like size and the rounding corners (border radius) and i haven’t found any issues yet with how it looks on mobile.

2 Likes

My screenshot is how it os supposed to display on mobile White bubble around the categories vs a white column pane.

As I reported here and was fixed.

It was partially broken before creating the white wrapped column.

I am sure Jordon might provide some css code possibly to restore the bug if you prefer the white column. Mobile now for me matches mobile.

**EDiT: Looking at Op post you might be right. But the fix imho looks better as it flows properly with background. Perhaps Jordon can add a toggle for desired effect.

I have to locate the fix so my modified Air Lite theme matches. By like rhe Topic excerpts js was removed as it was excerpting all topics instead of just pinned topics.

I added Topic excerpts theme component to put excerpts in categories I want to have it. Unfortunately though it did not restore the pinned topics excerpts but many users wanted a default listing style for more posts per screen.

2 Likes

@jordan-vidrine I was wondering how to add your bubbles around the Who’s onkine plugin and search results?

2 Likes

Thanks for your reply.

It looks like most of the bugs were fixed with a Discourse Update that was released today.

I have update the original post to reflect the first 3 bugs which are not as a result of Air Theme.

The version which I am using now which fixed of the first 3 bugs, is:
Discourse: 3.1.0.beta3 (e014635a12)


Now that those bugs are fixed, all thats left is

Which is not a big deal at all. Although I still believe its a bug since Mobile View on Desktop and Mobile View on App/Browser (which should display the same) do not with the white #main-outlet style. I’m not sure which I prefer now. I’m happy with either outcome.

2 Likes

Hi,

Is it possible to remove the search bar on the homepage? I’ve noticed it’s not displayed on meta.Discourse.org when I switch to this theme but I don’t see any place to edit the css. :confused:

2 Likes

@jordan-vidrine is it mandatory to modify directly the code like this :

.background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg); 
    background-size: cover;
    clip-path: unset;

Or can I just use the form like this:

I try with the form but the picture don’t cover all the blue part as you can see bellow

Do you have any idea to solve this issue please ?

1 Like

Yep, this is actually a component that you just need to disable in the customization section of your forum.

This theme installs a couple components on install and this is where its coming from. You will want to look for discourse-search-banner in the theme components and disable it.

2 Likes

i do have the same problem with https://forum.francaisalondres.com/

Any solution to this ?

3 Likes

There is actually, I will push an update to fix this today :smile:

Sorry for such a delayed fix for this.

2 Likes

This has been fixed :smile:

2 Likes

Amazing :clap: thanks @jordan-vidrine

3 Likes

How can I show Sub-Categories in boxes in the Main Category page?

2 Likes

If you mean like this:

Go to the parent / main category page and select the wrench icon to allow you to edit the category.

Click on “settings” and scroll down until you see this area:

“show subcategory list above topics in this category”

Select that option, and choose “boxes” as the dsiplay style.


If you mean on the /categories page, this is not an option. The only option there would be to edit the CSS to unhide the subcategories in order to show them inside the parent’s boxes.

2 Likes