Comments (8)
hi @ajm339, which gem version you are used?. I tested the icon that you mentioned, it look like ok to me.
from materialize-sass.
I am using "materialize-sass 0.96.2". I posted on the materializecss Github and another user is having the same issue.
Dogfalo/materialize#1499 (comment)
from materialize-sass.
Another example where it is off:
My navigation bar specifies the mobile "hamburger" menu icon:
<a href="#" data-activates="mobile" class="button-collapse"><i class="mdi-navigation-menu light-green-text text-darken-2"></i></a>
But I get this icon on Mobile:
from materialize-sass.
So when I removed your gem and referenced the CSS and JS from the MaterializeCSS CDN, the issue resolved itself....
Normally when a third-party gem installs CSS and JS files they are saved in vendor/assets however yours do not appear there. Rails accesses the files from /assets/materialize however I cannot find where they actually lie within the application so that I could update the CSS and Font files manually.
Can you provide any insight on this? Thanks
from materialize-sass.
Seems it saves it all in the .rbenv gem folder. Would appreciate newer version of gem to save it in the actual Rails application if possible for you.
from materialize-sass.
Emmm.. This is weird. The icons look normal for my app. have a look on this sample rails apps deployed on heroku and used this gem. http://materialize-rails.herokuapp.com/
from materialize-sass.
This gem contains an engine class which inherits from Rails::Engine. Rails is automatically informed that the directory for assets app/assets
directories of this engine are added to the search path of Sprockets. more on rails asset pipeline info. If you want to bundle gem into you rails apps you can run bundle install --deployment
. that will install your bundle to the vendor/bundle
directory. more on bundle install info
from materialize-sass.
Very odd, not sure why my app was having issues with locating the right icons then...
And thank you for the information in the second comment! Very helpful.
from materialize-sass.
Related Issues (20)
- QUESTION: Using turbolinks causing sideNav issues with browsers back action HOT 1
- Thumb with the range is out of view HOT 1
- Support v1.0.0-beta HOT 2
- helper-text styling is off HOT 2
- JavaScript evens are not initialized since 1.0.0-alpha.1 HOT 3
- Usage step A causing "Fail to import not found or unreadable" HOT 6
- sideNav is not a function HOT 2
- Why no helpers? HOT 2
- undefined variable HOT 1
- Forms are broken in 1.0.0.rc2 HOT 3
- $map: #007bff is not a map for `map-has-key' HOT 4
- Sidenav-overlay active with sidenav-fixed HOT 3
- not upgraded the gem version yet HOT 1
- Navbar module not working.... HOT 3
- update materialize.js HOT 1
- How do I access the Materialize 'M' backup? HOT 1
- Rails Webpacker HOT 3
- DatePicker closes immediately when clicked on in Chrome HOT 3
- Warning when using Rails 6 zeitwerk autoloading
- Publish new release? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from materialize-sass.