Jump to content

Community

(VN41) Matter - Google Material


Veilon
 Share

Recommended Posts

1 minute ago, illogica said:

Weird, any idea why the demo has so many things in white? It doesn't look like the screenshots.

 

Screen Shot 2016-05-27 at 8.51.09 AM.png

 
The style on the demo site is not yet updated, working on it.
Edited by Denis M
Link to comment
Share on other sites

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
Share on other sites

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
Share on other sites

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>

 

Edited by Hisashi
Link to comment
Share on other sites

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
Share on other sites

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.

Edited by Denis M
Link to comment
Share on other sites

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
Share on other sites

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

Edited by SammyS
Link to comment
Share on other sites

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
Share on other sites

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

Edited by d2dyno
Link to comment
Share on other sites

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
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy