Daemonite Material Theme

3 posts were merged into an existing topic: Daemonite Material Theme: Ample layout adjustments

Hello.

I’ve registered at your forums to see if the padding of hamburger menu items stays intact (it does not at my own installation, most propably because the strings being in polish language, which are usualy longer than the english ones… This results in having a scrollbar with just a few items in my H menu, so it looks ugly. Same situation for user dropdown menu)

Anyway, I went to https://meta.ip-tools.org and registered, and you seem to have some bugs on the account activation page (the one you land at after clicking activation link from an email)

I’m using Chromium 71.0.3578.98 and your site autodetected and autoset the language to polish. This is an actual screenshot:

As you can see there is some white space above the navigation bar, which results in the overlapping. It still works, but I bet you don’t want it to act like this. Must be the yellow menu component missing.

Haven’t tried that workflow yet, thanks a bunch!

The other things regarding scrollbars would then be addressed to @sesemaya, right? The scrollbar issue reminds me of @codinghorror’s comment above:

Can anyone help how I can change this header icons to black?
After using this theme the icons are not good to see.

Have you tried adding a color scheme and then changing the CSS code? This code will revert back if you update, but for now I think it’s a good fix. I think you can also fork the repository and change it in GitHub. I’m not really sure.

Thanks but I am completly new to Discourse. Just set up my first site with it.
And tried this theme. So there is no official way to change this icons to black? The user icon is black. Only the search and menu icon is grey.

Hmm. I actually don’t know about this. I haven’t used this theme. Maybe try asking someone who have used this theme? Also, do you have other themes installed with this theme?

Use this in Common > CSS

.d-header-icons .d-icon {
    color: #000;
}

Thanks.

But I have seen that this theme has huge problem on mobile.
I don’t see the button reply. I can’t upload an image because I don’t see the selection and so on

Very sad because this theme looks really nice on the desktop PC.

Thanks works!

Do you have the CSS for the icon of the “Reply” button:

I don’t use the theme, but my guess is:

button.create .d-icon {
    color: #000;
}

If it mess with other buttons, use this line instead

#topic-footer-buttons button.create .d-icon {
    color: #000;
}

Thank you very much. The first one has sovled one button problem.
Inside the thread I see now a black icon.

But on the main page “Categories” view I see still the grey “+” on the button:

This theme looks very nice and one of the best among all themes available for Discourse.
I saw it running on labs.daemon.com.au but the mobile experience is not that refined yet. Is that website using the theme with the latest updates?

Your theme is absolutely beautiful and I’m currently using it. I also have the branded header theme component installed and I noticed that when I use your theme, my branded font awesome icons no longer appear. Whereas with my old theme, it will show those icons. It’s not displaying anything (not even the box) but is still clickable. Would you happen to know of some conflicting code that could be causing this to happen?

I just ran into another issue and I don’t know if it’s my specific customization, but I cannot delete images. I can upload them, but once I do, the buttons lose all functionality and I cannot delete or add a new photo. What am I doing wrong? Thanks!

Hi there,

we just wanted to let you know that we are currently experiencing rendering woes like

on our installation at https://meta.ip-tools.org/. As far as we know, we did not make any changes to the system, so the problem appears out of the blue for us.

Most probably it is due to “The connection used to fetch this resources was not secure” errors when trying to load the glyphs from Google Fonts:

We just wanted to leave a note about the issue and will follow up with an attempt to mitigate it by upgrading to the most recent software releases of all components.

With kind regards,
Andreas.

Apologies, reporting the last one was totally our fault. After bootstrapping a new workstation, we activated a bogus firewall setting which denied access to googleapis.com - no wonder these requests would fail. Sorry for the noise!

Nevertheless, it was a good chance to update the theme and receive the numerous updates @sesemaya pushed since end of January (Comparing 83a7de732a13ac9f8bde60aaefbee39269c601fd...89f9f1347fb5755fdbab83f8350ebabe9d532857 · Daemonite/discourse-material-theme · GitHub). As far as we can see everything works fine, so thanks again for the awesome work you are putting into this, Maya!

I have this strange situation where the edit option is not shown in the interface. It’s there, if you hover over it the name appears and you are able to use it if you hit the right spot.
I have this user that keeps accidentally removing posts this way, which is quite unfortunate.

This is viewing a post in Material Design for Discourse and below the same in graceful:

Dear @Not-The-Foggiest,

we have been able to work around this issue as outlined at Some icons are not translated properly · Issue #17 · Daemonite/discourse-material-theme · GitHub the other day by adding this snippet at the appropriate place, effectively disabling the “alt-” variants of the icons to get them visible again:

// Fix MBT#17: Translate "-alt" icons to non-"-alt" ones to
// counter disappearing "edit"- and "delete"-post icons.
// https://github.com/Daemonite/discourse-material-theme/issues/17#issuecomment-479716834
classNames = classNames.replace('-alt', '');

It’s really just a quick workaround but might well help you along.

With kind regards,
Andreas.

desktop user cards

and

mobile user pages

have messed up CSS. 0px spacing between fields etc…

Also it would be cool to see avatars larger on mobile on user pages.

also are avatars supposed to be so small on desktop user cards??

Really want to fix these issues as this is now my default theme and it looks by far the best out of all themes, including ones I’ve made myself.

Most avatars are not rendering in the reply section of posts. Any ideas? I really like this theme. It also happens on your site too. See how Abdulmalik_Hamid’s avatar doesn’t render in the “2 replies” section of athmangud’s OP?

nah, last commit was in May. Avatars are broken on their site even and mobile is a mess. Otherwise a great theme.

I can’t see any broken avatars on the page you link to or other pages on the site. Can you send through a screenshot of the problem you are seeing?

PS. We’ve been a bit busy of late but we know the Theme is due for an update.

Missing avatars after you click an “x Replies” dropdown, like here on one of your pages.

Desktop version, latest chrome.
See red arrow. It’s much more noticeable on more active forums using your theme. But it’s present on the page below where that screenshot was taken from.

also user-cards have 0px spacing issues on names of certain lengths (see screenshot below where message box clumps onto the name)
, here is an example on desktop, but it’s much more pronounced on mobile, like almost all fields on usercards on mobile have spacing issues. User pages have a lot of 0px spacing issues on mobile too.

I really don’t have a method to screenshot mobile right now, but I assume you’d be able to see it on your end as well.

Right! Missed the expanding Replies X.

Duly noted. We’ve scheduled some work to revamp the theme in the next few weeks. Hopefully in time for Christmas

any updates? just that one avatar fix would be amazing. My forum feels broke with that broken.

I’ll pay you $5 paypal to fix the avatars under the Replies dropdown if you weren’t planning on doing it anymore. It’s the only thing my forum needs fixing on. Revamped the theme myself for my forum but couldn’t figure that bit out.

Thanks

another thing is that users can’t change user card images or user card backgrounds after their first upload

this is the other thing very broken on this theme

but only with this theme

we have a very active forum and I don’t know how to fix it

image uploads in the Profile section also generally take a long time, it pauses a while at 100%, whereas it doesn’t do that so much on other themes

thx

Hello, first thanks for this nice theme. However, using it, it seems that some icons won’t show anymore :

And there is also an issue with the calendar :

Hi @Emilie,

Because we are converting default Font Awesome icons into Material Icons, sometimes we might have missed a few. Please feel free to report missing icons and we will look into them. Other times, the missing icon might have been resolved in the latest version, please feel free to upgrade the theme to the latest and see if the issue has been resolved.

Regarding calendar issue, we will look into that.

Hi @Emilie,

The theme has been updated.

• A few missing icons have now been converted to Material Icons,
• Datetime picker modal has also been fixed.

Please feel free to post here if there are other issues.

Hi @sesemaya ,
Thanks for the fast update, it’s perfect !
Just one icon I saw is still missing : the ‘angle-double-down’
Thanks !

Hi @Emilie,

I have updated a few angle related icons.

Because Material Icons do not have double arrow for all four directions, I have to use the double_arrow Icons - Material Design for all the angle-double-* icons, then rotate them for -down, -left, and -up.

Hope this helps.

Hi @sesemaya,
Yes, it works fine, thanks !

Hey @sesemaya, I’ve found a few more missing icons on my site. It would be fantastic if these could be added to material theme as well. Big thanks in advance.

• fab-patreon
• th-large
• comments
• comment-dots
• globe-africa

Hi there! I just applied this theme to my site and love it, but I am running into one issue.

When I try to change a category logo, it won’t let me. I go to category settings -> images -> category logo image, but when I click either delete or change, it only expands the image instead of allowing me to change it.

I left a comment about this on the Discourse page, and after they looked into it, they traced it back to this theme. Here is a screenshot of the reply.

Thank you!

Hi @MichelleBarnett,

I don’t know what causing the issue but alternatively you can change the theme to other and put your category images in then change it back to this. That should be working. I guess you won’t change the category images too often.

That’s what I ended up doing. Thank you!

Hi @discoverearth,

The following icons have been converted to similar Material Icons with the most recent updates:

• th-large
• comments
• comment-dots

Regarding globe-africa as well as globe-americas, globe-asia and globe-europe, these icons have all been converted to the same public from Material Icons. This might not be ideal, but there is little we can do as our choices are limited to Material Icons have to offer.

Regarding fab-patreon, in a previous commit, I have made sure that all the fab (i.e. brand icons) will not be converted as Material Icons do not support brand icons, so fab-patreon should display as is.

Hi @MichelleBarnett and @Don,

The issue stops users from changing the image should be fixed by the latest changes now.

I’m experiencing the issue myself. I don’t know if it has reappeared or something like that.

If you click and hold your mouse on the reply button, then drag the cursor of the button, it turns gray until you stop holding your mouse. Is that intentional?

Beautiful theme. But alas, it is no longer possible to use