[css] icon fixes on home

src/Gargantext/Components/FolderView.purs

@@ -201,7 +201,7 @@ folderCpt = here.component "folderCpt" cpt
                 ]
             ]
         , H.div
-            { className: "folder-view-item__settings" }
+            { className: "folder-view-item__settings show-on-hover" }
             [ B.iconButton
                 { name: "gear-fill"
                 , callback: \_ -> T.write_ true isBoxVisible

src/Gargantext/Components/Forest/Tree/Node.purs

@@ -466,8 +466,8 @@ type FolderIconProps =
 
 handedPartClassName :: Handed -> String
 handedPartClassName = case _ of
-  LeftHanded -> "angle-left"
-  RightHanded -> "angle-right"
+  LeftHanded -> "chevron-left"
+  RightHanded -> "chevron-right"
 
 folderIcon :: R2.Leaf FolderIconProps
 folderIcon = R2.leaf folderIconCpt
@@ -607,7 +607,7 @@ blankNodeSpanCpt = here.component "__blank__" cpt
   where
   cpt _ _ = pure $
     H.div { className: "mainleaf mainleaf--blank" }
-      [ B.icon { className: "mainleaf__folder-icon", name: "angle-right" }
+      [ B.icon { className: "mainleaf__folder-icon", name: "chevron-right" }
       , H.span { className: "mainleaf__node-icon" }
           [ B.icon { name: "circle" }
           ]

src/Gargantext/Components/Lang/Landing/EnUS.purs

@@ -16,7 +16,7 @@ blockTexts =
   [ BlockText
       { title: "Random sentences in Gargantua's Books chapters, historically true"
       , href: "#"
-      , icon: "fa fa-random"
+      , icon: "shuffle"
       , titleText: "Historic"
       , text: "Chapter 1.XV. How Gargantua was put under other schoolmasters. Chapter 2.XXII. How Panurge served a Parisian lady a trick that pleased her not very well. Chapter 3.XXXVII. How Pantagruel persuaded Panurge to take counsel of a fool. Chapter 4.LXI. How Gaster invented means to get and preserve corn. Chapter 5.XXXVIII. Of the temple's admirable pavement."
       , docButton: Button
@@ -28,7 +28,7 @@ blockTexts =
   , BlockText
       { title: "Randomized words, semantically and syntaxically falses."
       , href: "#"
-      , icon: "fa fa-random"
+      , icon: "shuffle"
       , titleText: "Presentation"
       , text: "Autem nascetur iaculis, sedfusce enimsed cursus posuere consectetuer eu justo aliquammauris. Phasellus vero nisi porttitor elit quod, leo feliscras ultricies non tempor sagittis. Liberoduis facilisinam erat dapibusnam, lacus dui duis tristique volutpatut quis vestibulum magna. Nobis faucibusvestibulum dolores minim. Bibendumin malesuada adipiscing ante, mattis fames nequeetiam lorem. No diam id. Litora quisaenean commodo lobortisetiam neque, libero mollis scelerisque inceptos ullamcorper sea congue delenit possim."
       , docButton: Button
@@ -40,7 +40,7 @@ blockTexts =
   , BlockText
       { title: "Randomized letters, true or false ?"
       , href: "#"
-      , icon: "fa fa-random"
+      , icon: "shuffle"
       , titleText: "Tutoreil"
       , text: "Il paraît que l'rdore des lettres dans un mot n'a pas d'imtraopnce. La première et la dernière lettre doeivnt être à la bonne place. Le reste peut être dans un désordre total et on peut touojurs lire sans prolèbme. On ne lit donc pas chaque lettre en ellêem-me, mais le mot comme un tout. Un chaegmnent de référentiel et nous tranpossons ce résultat au texte luimê-me: l'rdore des mots est failbement important copamré au contexte du texte qui, lui, est copmté: comptexter avec Gargantext."
       , docButton: Button

src/Gargantext/Components/Lang/Landing/FrFR.purs

@@ -16,7 +16,7 @@ blockTexts =
   [ BlockText
       { title: "Phrases aléatoires issues de l'oeuvre de François Rabelais. L'ordre historique des chapitres est préservé."
       , href: "#"
-      , icon: "fa fa-random"
+      , icon: "shuffle"
       , titleText: "Historique"
       , text: "Chapitre 1"
       , docButton: Button
@@ -28,7 +28,7 @@ blockTexts =
   , BlockText
       { title: "Mots aléatoires."
       , href: "#"
-      , icon: "fa fa-random"
+      , icon: "shuffle"
       , titleText: "Presentation"
       , text: "Autem nascetur iaculis, sedfusce enimsed cursus posuere consectetuer eu justo aliquammauris. Phasellus vero nisi porttitor elit quod, leo feliscras ultricies non tempor sagittis. Liberoduis facilisinam erat dapibusnam, lacus dui duis tristique volutpatut quis vestibulum magna. Nobis faucibusvestibulum dolores minim. Bibendumin malesuada adipiscing ante, mattis fames nequeetiam lorem. No diam id. Litora quisaenean commodo lobortisetiam neque, libero mollis scelerisque inceptos ullamcorper sea congue delenit possim."
       , docButton: Button
@@ -40,7 +40,7 @@ blockTexts =
   , BlockText
       { title: "Lettres alétaoires, expérience"
       , href: "#"
-      , icon: "fa fa-random"
+      , icon: "shuffle"
       , titleText: "Tutoreil"
       , text: "Il paraît que l'rdore des lettres dans un mot n'a pas d'imtraopnce. La première et la dernière lettre doeivnt être à la bonne place. Le reste peut être dans un désordre total et on peut touojurs lire sans prolèbme. On ne lit donc pas chaque lettre en ellêem-me, mais le mot comme un tout. Un chaegmnent de référentiel et nous tranpossons ce résultat au texte luimê-me: l'rdore des mots est failbement important copamré au contexte du texte qui, lui, est copmté: comptexter avec Gargantext."
       , docButton: Button

src/Gargantext/Components/Nodes/Home.purs

@@ -168,7 +168,7 @@ joinButton click =
         , style: { minWidth: "200px" }
         }
         [ B.icon
-            { name: "sign-in"
+            { name: "box-arrow-in-right"
             , className: "font-size-90"
             }
         , B.wad_
@@ -269,7 +269,7 @@ tutorialCpt = here.component "tutorial" cpt
                   [ B.wad
                       [ "text-left", "w-10/12" ]
                       [ B.icon
-                          { name: "user", className: "pr-1" }
+                          { name: "person-fill", className: "pr-1" }
                       , B.span_
                           $ username
                           <> "@"
@@ -284,7 +284,7 @@ tutorialCpt = here.component "tutorial" cpt
                               B.span_ "Log out"
                           , defaultSlot:
                               B.iconButton
-                                { name: "sign-out"
+                                { name: "box-arrow-right"
                                 , callback: \_ -> onSignOutClick session
                                 , elevation: Level2
                                 , className: "text-light"
@@ -413,8 +413,8 @@ blocksRandomText (BlockTexts bt) =
               { href: b.href
               , title: b.title
               }
-              [ H.i { className: b.icon } []
-              , H.text ("   " <> b.titleText)
+              [ B.icon { name: b.icon, className: "pr-1" }
+              , H.span {} [ H.text b.titleText ]
               ]
           ]
       , B.wad
@@ -431,13 +431,7 @@ docButton (Button b) =
     , target: "blank"
     , title: b.title
     }
-    [ H.span
-        { aria: { hidden: true }
-        , className: "fa fa-hand-right"
-        }
-        []
-    , H.text b.text
-    ]
+    [ H.text b.text ]
 
 -- | TODO
 -- <img src='logo.png' onmouseover="this.src='gargantextuel.png';" onmouseout="this.src='logo.png';" />
@@ -463,7 +457,7 @@ license =
     { className: "home-license" }
     [ H.text "GarganText "
     , B.icon
-        { name: "registered" }
+        { name: "r-circle" }
     , H.text " is made by the "
     , H.a
         { href: "https://iscpif.fr"
@@ -479,7 +473,7 @@ license =
         [ H.text ", with aGPLV3 and CECILL variant Affero compliant licences, "
         ]
     , B.icon
-        { name: "copyrights" }
+        { name: "c-circle" }
     , H.a
         { href: "https://cnrs.fr"
         , target: "_blank"

src/sass/_legacy/_styles.sass

@@ -320,3 +320,6 @@ select.form-control
     display: inline-block
     opacity: 1
     transform: scale(1.4)
+
+
+