creativetimofficial / material-kit-react

Material Kit React free and open source by Creative Tim
https://www.creative-tim.com/product/material-kit-react?ref=mkr-readme
1.19k stars 2.04k forks source link

[Bug] Header Socials and social tooltips for Socials are not showing up #85

Closed lemarcgagnon closed 3 years ago

lemarcgagnon commented 3 years ago

Version

latest and online demo as well

Reproduction link

https://demos.creative-tim.com/material-kit-react

Operating System

linux

Device

desktop

Browser & Version

Version 86.0.4240.75 (Official Build) (64-bit)

Steps to reproduce

why is these three lines don't show up either on your online demo and on the version I downloaded: These are part of the header?

  • This is located in Components:Header: HeaderLinks.js

    959 ? "top" : "left"} classes={{ tooltip: classes.tooltip }} >

    Could it be the class messing it up? ==> classes={{ tooltip: classes.tooltip }}

    It won't show either in full and responsive window size.

    What is expected?

    to see the social buttons and the tooltips since the showup in the source code

    What is actually happening?

    not showing up in chrome, but I see it on Firefox 81.0 on Mint Linux


    Solution

    maybe it is the classes setup

    Additional comments

    einazare commented 3 years ago

    Hello there, @lemarcgagnon ,

    Those lines are for the Tooltips that appear when you hover the Twitter, Facebook and Instagram icons.

    Best, Manu

    lemarcgagnon commented 3 years ago

    great sure, I knew that, but they don't show up for chrome Linux Version 86.0.4240.75 (Official Build) (64-bit)

    Yours,

    MArc

    On Thu, Oct 15, 2020 at 9:03 AM Nazare Emanuel-Ioan < notifications@github.com> wrote:

    Hello there, @lemarcgagnon https://github.com/lemarcgagnon ,

    Those lines are for the Tooltips that appear when you hover the Twitter, Facebook and Instagram icons.

    Best, Manu

    — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/material-kit-react/issues/85#issuecomment-708945936, or unsubscribe https://github.com/notifications/unsubscribe-auth/APLLEUWD6CZ544NCTTDFYVLSK2NFXANCNFSM4SQXMUZQ .

    dtksi commented 3 years ago

    you should import

    import FacebookIcon from '@material-ui/icons/Facebook';

    then <FacebookIcon /> instead of <i className={classes.socialIcons + " fab fa-facebook"} />

    lemarcgagnon commented 3 years ago

    Thanks for the tip!

    Le mer. 20 janv. 2021 à 23:09, dtksi notifications@github.com a écrit :

    you should import

    import FacebookIcon from '@material-ui/icons/Facebook';

    then instead of <i className={classes.socialIcons + " fab fa-facebook"} />

    — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/material-kit-react/issues/85#issuecomment-763982216, or unsubscribe https://github.com/notifications/unsubscribe-auth/APLLEUQDQDVVB7SPC2M3PQDS25IDJANCNFSM4SQXMUZQ .