Really love the theme! The only bug I've seem to run into is the statistics dashboard not displaying on the "Dashboard" page.

Dashboard

I inspected the page and where the label is for what I assume would be the dashboard element sat below it, there's just nothing.

Dashboard2

Can anyone recommend a fix?

18 days later

after installing this Asirem theme , I'm getting error like this
flarum encountered a boot error. details have been logged to the flarum log file
Can anyone recommend a fix?.

15 days later

Hello 🙂

@SychO

Have several problems with Asirem theme.

List discussions pages, with the french language extension, everything seems to shift to the right. A lot (you can't see the number of replies and views). Also, buttons are stuck on navigation bar, especially on mobile and tablet displays. The same for tags if you go to the tags page.

Another problem is that on discussion page, the "reply" box is not centered, either on mobile or PC.

Thank you in advance 🙂

    Wlork Hi, to fix the response box overflow, you can use this CSS in your custom CSS area. If you share the URL of your forum, I can look into helping you fix the rest of the text overflow.

    /* Fixes placeholder overflow for replying */

.ReplyPlaceholder {

    width: calc(100% + 0px * 2);
}

        Wlork Try this. You can adjust the paddings so that there is more or less space between elements. I also made your Title bold to make it a bit more visible, if you don't like it, remove the line font-weight: bold;

        @media @phone {

.App .DiscussionListItem-content {
    display: contents;
}

.App .DiscussionListItem-author {
    padding: 5px;
}

.App .DiscussionListItem-info {
    max-width: 95%;
    padding-left: 10px;
}

.DiscussionListItem-info>.item-tags {
    padding-bottom: 5px;
    padding-top: 5px;
}

.badges, .badges>li {
    padding-top: 5px;
}

.DiscussionListItem-title {
    padding-left: 8px;
    font-weight: bold;
}

}

            Oshvam It's worse 😆

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

                6 days later

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

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

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

                    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 🙁

                        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;
 }
}

                            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 🙂 !

                                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;
	}
}

                                    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.

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

                                                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?

                                                    Wlork

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