Merge pull request #747 from MAIF/underline

add underline for links
MAIF · Sep 12, 2024 · dd757d2 · dd757d2
2 parents 2f89057 + 80aff9d
commit dd757d2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/daikoku/javascript/src/components/backoffice/apikeys/TeamApiKeysForApi.tsx b/daikoku/javascript/src/components/backoffice/apikeys/TeamApiKeysForApi.tsx
@@ -348,7 +348,7 @@ export const TeamApiKeysForApi = () => {
                   &nbsp;
                   <Link
                     to={`/${apiTeam._humanReadableId}/${api._humanReadableId}/${api.currentVersion}/description`}
-                    className="cursor-pointer"
+                    className="cursor-pointer underline"
                   >{api.name}</Link>
                 </h1>
               </div>

diff --git a/daikoku/javascript/src/components/frontend/api/ApiCard.tsx b/daikoku/javascript/src/components/frontend/api/ApiCard.tsx
@@ -119,7 +119,7 @@ export const ApiCard = (props: {
   return (
     <div className="row border-bottom py-4">
       <div className="col-12 d-flex justify-content-between">
-        <div className="cursor-pointer underline-on-hover level2-link" onClick={props.redirectToApiPage}>
+        <div className="cursor-pointer underline level2-link" onClick={props.redirectToApiPage}>
           <h3>{`${api.name}${props.groupView && props.apiWithAutho.length > 1 ? ` - ${api.currentVersion}` : ''}`}</h3>
         </div>
         <div className="ms-2">
@@ -181,7 +181,7 @@ export const ApiCard = (props: {
       <div className="col-12 d-flex mt-2">
         {props.teamVisible && team && (
           <small
-            className="cursor-pointer underline-on-hover level2-link d-flex align-items-center"
+            className="cursor-pointer underline level2-link d-flex align-items-baseline"
             onClick={() => props.handleTeamSelect(team)}
           >
             <img alt="avatar" src={team.avatar} style={{ marginRight: 5, width: 20 }} />

diff --git a/daikoku/javascript/src/style/layout/style.scss b/daikoku/javascript/src/style/layout/style.scss
@@ -50,7 +50,7 @@ a:hover {
   color: $level1_link-hover-color;
 }
 
-.underline-on-hover:hover {
+.underline-on-hover:hover, .underline {
   text-decoration: underline;
 }