Jump to content

(VN41) Matter - Google Material


Veilon

Recommended Posts

  • Replies 121
  • Created
  • Last Reply
5 minutes ago, illogica said:

Awesome. I've been looking forward to a good theme like this for a while. ^_^

Did you start off with any frameworks like Materialize or did you do all of this custom? Great work.

The whole theme was done with 0 at the guidelines Google Material. Thank you :thumbsup:

Link to comment
1 hour ago, Michel_72 said:

This is a nice start! I would actually be buying this theme is the Material Design implementation would be correct and complete. There is too much still missing.

Keep up the good work!

Material itself is not very beautiful, we have tried to leave a convenient interface IPS and at the same time to implement elements of the material. Will gradually add new elements.

Link to comment

Suggestion:

Add an option to disable the "Footer" in mobile version. Because it is too large.

I don't quite understand, but I know the following code.

<div  class = "ipsResponsive_hideDesktop"></div>
<div  class = "ipsResponsive ipsResponsive_hidePhone"></div>

 

Link to comment
8 hours ago, Hisashi said:

Suggestion:

Add an option to disable the "Footer" in mobile version. Because it is too large.

I don't quite understand, but I know the following code.


<div  class = "ipsResponsive_hideDesktop"></div>
<div  class = "ipsResponsive ipsResponsive_hidePhone"></div>

 

Ok, in the meantime, You can find such code in _veilon.css

@media screen and (max-width: 767px) {
	.ipsGrid_span2,
	.ipsGrid_span3,
	.ipsGrid_span4,
	.ipsGrid_span5	{
		width: 100% !important; 
	}

	div[data-controller="forums.front.forum.forumPage"] .ipsToolList {
		top: 0px !important;
		padding-right: 0px !important;
	}
	#guestMessage { max-height: 300px !important; }
	#guestMessage h1 { font-size: 40px; line-height: 1; }
	#guestMessage p { font-size: 17px; padding-top: 0px !important; line-height: 20px; }
	html[dir="ltr"] .ipsList_inline > li { margin-right: 0px; line-height: 20px; padding-bottom: 10px;}
	[data-controller="core.front.core.commentFeed,forums.front.topic.view, core.front.core.ignoredComments"] .ipsApp .ipsSpacer_top, .ipsApp .ipsSpacer_both { margin-top: 0px !important; }
	div.ipsClearfix .ipsToolList { padding-right: 0px !important; }
}

and replace

@media screen and (max-width: 767px) {
	.ipsGrid_span2,
	.ipsGrid_span3,
	.ipsGrid_span4,
	.ipsGrid_span5	{
		width: 100% !important; 
	}

	div[data-controller="forums.front.forum.forumPage"] .ipsToolList {
		top: 0px !important;
		padding-right: 0px !important;
	}
	#guestMessage { max-height: 300px !important; }
	#guestMessage h1 { font-size: 40px; line-height: 1; }
	#guestMessage p { font-size: 17px; padding-top: 0px !important; line-height: 20px; }
	html[dir="ltr"] .ipsList_inline > li { margin-right: 0px; line-height: 20px; padding-bottom: 10px;}
	[data-controller="core.front.core.commentFeed,forums.front.topic.view, core.front.core.ignoredComments"] .ipsApp .ipsSpacer_top, .ipsApp .ipsSpacer_both { margin-top: 0px !important; }
	div.ipsClearfix .ipsToolList { padding-right: 0px !important; }
	#secondaryFooter { display: none; }
}

 

Link to comment

Version 1.0.2

What's new:

  • Bug Fixed
  • Fixed search in the mobile version
  • Added advanced settings of the NProgress plugin that will allow You to further customize it to fit your needs.
  • Added a setting to change the positioning of the tools in topics and forums
  • Added ability to completely hide the footer on the mobile version of the site
  • Restructured postContainer template, added a new kind of Message Block
  • Most of the colors of the theme can now be changed via settings
  • And much more...

P.S. Their ideas for style You can post in this thread.

Link to comment
On 01.06.2016 at 6:48 AM, Hisashi said:

Suggestion:

When I was searching for themes, I found one with the profile interesting.

You could do something like...

Screenshot_4.png

 

On 02.06.2016 at 2:23 AM, Hisashi said:

Suggestion:

Add an option to disable the "Footer" in mobile version. Because it is too large.

I don't quite understand, but I know the following code.


<div  class = "ipsResponsive_hideDesktop"></div>
<div  class = "ipsResponsive ipsResponsive_hidePhone"></div>

 

Implemented in 1.0.2

Link to comment
Just now, SammyS said:

After upgrading to 1.0.2 I have a problem: when entering in a thread I cant see any post writen on it, only a post counter ("2 post on this thread")

btw: you can see some buttons seems to be wrong placed

 

 

 

 

8.jpg

Select in the settings (Message Block) is a kind of panel display postContainer

Link to comment

Issues I've found since purchasing:

  • "Use rounded photos" does not apply by default. I had to uncheck, save, then recheck the setting to get round photos.
  • The word 'Screenshots' Is underneath any tags for files in the Download application. (see screenshot below)
  • The 'download' button is blank. HUGE bug for me, and I can't use this theme till that's fixed. (see screenshot below)
  • The '+' icon which is used for block management, is under the content on most pages (see screenshot below)
  • Many words in the ACP settings are incorrect or misspelled.

Untitled.png

Link to comment
1 minute ago, d2dyno said:

Issues I've found since purchasing:

  • "Use rounded photos" does not apply by default. I had to uncheck, save, then recheck the setting to get round photos.
  • The word 'Screenshots' Is underneath any tags for files in the Download application. (see screenshot below)
  • The 'download' button is blank. HUGE bug for me, and I can't use this theme till that's fixed. (see screenshot below)
  • The '+' icon which is used for block management, is under the content on most pages (see screenshot below)

Untitled.png

Thanks, will fix in 1.0.3

Link to comment

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...