Asirem Theme

Wlork

Oshvam It's worse 😆

The strange thing is that in English, there's no shift to the right....

soira

Wlork I also encountered the same problem, did you solve it successfully?

Subarist

`.sideNavOffset, .sideNav>ul {
    /* margin-top: 0; */
}

@media (max-width: 767.98px)
.DiscussionListItem-info {
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}`

Wlork

Subarist

I think there's a issue with your code ? It's not working ?

I went to see your forum, I really like your theme. I'd like to have this result for my forum but unfortunately, I'm not comfortable with CSS 🙁

Subarist

Wlork
The aforementioned CSS content is causing the abnormality. You need to locate it and delete it.
Alternatively, you can directly use the following code to override it:

@media (max-width: 767.98px), (min-width: 768px) and (max-width: 991.98px) {
.sideNavOffset {
    margin-top: 15px!important;
}
.DiscussionListItem-info {
    white-space: unset!important;
 }
}

Wlork

Subarist

Thanks, that's much better 🙂

There are still two issues:

When the title is long, it always shifts the numbers.

Tags don't display well in mobile when there are a lot of them.

Without your CSS :

With your CSS :

(not nice)

And I'd like to know how you modify the CSS according to the night/day mode ?

Thank you very much 🙂 !

Subarist

Wlork

I don't quite understand your first question.

for mobile tags..

@media (max-width: 767.98px) {
.TagLabel {
    margin-top: 4px;
    margin-bottom: 1px;
}
}

Following examples, you should be able to see the definitions of the light/dark mode.

.Post-body {

	.PostMention, .UserMention, .GroupMention {
		font-style: italic;
		color: #76b4ff;
		background: none;
	}
}
.Post-body when (@config-dark-mode =false) {
	.PostMention, .UserMention, .GroupMention {
		color: #009cad;
		font-style: italic;
		background: none;
	}
}

Wlork

Subarist I don't quite understand your first question.

When the title is long, the number shifts to the right

Subarist for mobile tags..

It works, thank you !

Subarist Following examples, you should be able to see the definitions of the light/dark mode.

Thank, I'll try to make a few changes.

Subarist

Wlork
I am unable to reproduce that. Maybe you can leave an article with a long title, and I will check it later.

Wlork

Subarist The title isn't long enough 😉 It takes more than two lines (on mobile)

Subarist

Wlork
Actually, I can't see any problem there.

Wlork

Subarist

Yes, I've tried it with another title and it works. A strange issue. Thanks for your help 🙂

I was able to make some CSS changes but not for the dark mode....

For example:

CSS light mode :

@media (min-width: 768px){
.DiscussionListItem {
  border-radius: 10px !important;
  background: #F1F3F4 !important;
  border: 1px solid #BEC3C9 !important;
 }
}

What should I do?

Subarist

Wlork

	.DiscussionListItem  {
		background: #1c2732!important;
	}
	.DiscussionListItem  when (@config-dark-mode =false) {
		background: #80bcda7a !important;
	}

Wlork

Subarist Thank you !

Benzitczo

when update XD

L4ZARIN3

because mine is giving this error ;(
afrux-asirem failed to initialize, check the browser console for further information.

sineld

SychO This the best theme for Flarum I've ever seen.
We've started using it in our forum:
https://laravel.gen.tr/

Thank you for your great work!

AeroEngineerUK

Is there a way to hide the custom footer on a specific page?

Oshvam

It has been my theme all this time and the truth is that it is impressive. However, it seems quite outdated, creates incompatibilities and quite a few performance problems.

I finally decided to make it as similar as possible using Flarum's base theme and CSS.

Thanks for the work @SychO

beginner

Asirem Banner

I use asirem theme on my flarum page , but my welcome banner does not appear when I use microsoft edge, it appears in chrome

Flarum 1.8.5

« Previous Page Next Page »