Material 1.5.22.0

[Mackeral_Fillet]

Is the covers update supposed to show the cover above the user bar?

 

[ThemeHouse]

ThemeHouse updated Material with a new update entry:

Minor bug fixes and update to XenForo 1.5.14.0

See all updates here: https://xenforo.com/community/resources/ui-x.2239/update?update=21876

Changelog for Material:

• Titlebar not isMetro too much padding
• Bad margins for deletion notices
• Missing or wrong floating action buttons
• Unnecessary member card border
• The side panel contains the cover image twice
• Navigation tab icons are large
• Member card styling issue

Read the rest of this update entry...

 

[m1ne]

So I've almost finished the dark version, but I can't find how to change this from white...



The bottom half of the sidebar block was this,

.widget-group-tab {
    @property "uix_sidebarBlock.background";
    background-color: #383c42;
    @property "/uix_sidebarBlock.background";
    
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

What's the top bit?

 

[m1ne]

Also, a bug.
When replying to a profile post, I get a CloudFlare error page on this URL when hitting the Post Comment button: https://wweforums.net/inline-mod/profile-post/switch

No issue on Abyss.

 

[m1ne]

Also, a bug.
When replying to a profile post, I get a CloudFlare error page on this URL when hitting the Post Comment button: https://wweforums.net/inline-mod/profile-post/switch

No issue on Abyss.

Found why, this happens when "Ripple Button Effect" is turned on. @ThemeHouse @Jake B. @Mike Creuzer

 

[Dalton Prock]

Also, a bug.
When replying to a profile post, I get a CloudFlare error page on this URL when hitting the Post Comment button: https://wweforums.net/inline-mod/profile-post/switch

No issue on Abyss.

Found why, this happens when "Ripple Button Effect" is turned on. @ThemeHouse @Jake B. @Mike Creuzer

I am going to go ahead and add this to our GitHub Issue Tracker right now so it can be fixed in the next release.

 

[m1ne]

Trying to add icons to other navTabs in the off canvas menu, but can't seem to find any cheatsheet for Material icons. Trying something like this,

.sidePanel__navTabs .navTab.chat     > .navLink:before         {content: "\E8a8";}

But it doesn't work



I'm editing material_icons.css

 

[Dalton Prock]

Trying to add icons to other navTabs in the off canvas menu, but can't seem to find any cheatsheet for Material icons. Trying something like this,

.sidePanel__navTabs .navTab.chat     > .navLink:before         {content: "\E8a8";}

But it doesn't work

View attachment 153496

I'm editing material_icons.css

Here is the cheatsheet to the Material Icons that you requested: https://cdn.materialdesignicons.com/1.9.32/

 

[m1ne]

Another bug for you @Dalton Prock - responsive view of conversations, confirmed on your demo also

 

[Dalton Prock]

Another bug for you @Dalton Prock - responsive view of conversations, confirmed on your demo also

View attachment 153516

View attachment 153517

Thank you so much for reporting this bug, what device were you using when you found this?

 

[m1ne]

Thank you so much for reporting this bug, what device were you using when you found this?

Xiaomi Redmi Note 3

 

[m1ne]

Here is the cheatsheet to the Material Icons that you requested: https://cdn.materialdesignicons.com/1.9.32/

Need a little help here... how would I add an icon for this navtab? .navTab.siropuCustomTab custom-tab-1
I tried this,

.sidePanel__navTabs .navTab.siropuCustomTab custom-tab-1     > .navLink:before         {content: "\F2d7";}

It doesn't work. This does work though,

.sidePanel__navTabs .navTab.siropuCustomTab     > .navLink:before         {content: "\F2d7";}

but that will apply to all custom tabs. I need different icons for custom-tab-1, custom-tab-2 etc..

any idea?

 

[Dalton Prock]

Xiaomi Redmi Note 3

I have reported this on our GitHub Issue Tracker.

Need a little help here... how would I add an icon for this navtab? .navTab.siropuCustomTab custom-tab-1
I tried this,

.sidePanel__navTabs .navTab.siropuCustomTab custom-tab-1     > .navLink:before         {content: "\F2d7";}

It doesn't work. This does work though,

.sidePanel__navTabs .navTab.siropuCustomTab     > .navLink:before         {content: "\F2d7";}

but that will apply to all custom tabs. I need different icons for custom-tab-1, custom-tab-2 etc..

any idea?

I'd suggest that you ask the creator of that add-on which looks to be Siropu. That developer maybe able to help you further on inserting those icons onto the custom tabs.

 

[m1ne]

I'd suggest that you ask the creator of that add-on which looks to be Siropu. That developer maybe able to help you further on inserting those icons onto the custom tabs.

Will do.
Also, I had a go at making Material dark myself. Plenty of template changes needed in addition to the color palette, but here is the result..

 

[Dalton Prock]

Will do.
Also, I had a go at making Material dark myself. Plenty of template changes needed in addition to the color palette, but here is the result..

View attachment 153550

View attachment 153551

View attachment 153552

View attachment 153553

Looks like it came out great!

 

[Sebastiaan]

Before i buy this awesome theme, is there a way to remove the below (green) button?

 

[Dalton Prock]

Before i buy this awesome theme, is there a way to remove the below (green) button?

Hello, are you meaning the green button shown in the Welcome Block or the round button which is used for folks to register?

 

[Sebastiaan]

Hello, are you meaning the green button shown in the Welcome Block or the round button which is used for folks to register?

The floating one, marked yellow, it,s a double one imho

 

[Dalton Prock]

The floating one, marked yellow, it,s a double one imho
View attachment 153906

Oh yes, you can disable that in your administrative panel by navigating to Appearance -> Style Properties -> Material -> Uncheck "Top Control floating Footer Button"

 

[arms]

Is there a setting to change the node icon selector to material icons?

I only get font awesome icons?



Also trying to add
<i class="material-icons">android</i>
or
<i class="material-icons">&#xE859;</i>
but without link to style-sheet it doesn't work.

But as attached, the style description says this is already been taken care of and uses Material icons instead off FA.