SONAR-10417 Remove domain description in sidebar of web api page

server/sonar-web/src/main/js/app/styles/components/list-groups.css

@@ -43,16 +43,22 @@
   background-color: var(--lightBlue);
 }
 
+.list-group-item:hover {
+  z-index: var(--aboveNormalZIndex);
+  border-color: var(--blue) !important;
+}
+
 .list-group-item + .list-group-item {
   border-top-color: var(--barBorderColor);
 }
 
 a.list-group-item {
   color: var(--baseFontColor);
+  transition: none;
 }
 
 .list-group-item-heading {
-  margin-top: 0;
+  margin-top: 5px;
   margin-bottom: 5px;
 }
 

server/sonar-web/src/main/js/apps/web-api/components/Menu.tsx

@@ -49,22 +49,16 @@ export default function Menu(props: Props) {
       <div className="list-group">
         {filteredDomains.map(domain => (
           <Link
-            key={domain.path}
             className={classNames('list-group-item', {
               active: isDomainPathActive(domain.path, splat)
             })}
+            key={domain.path}
             to={'/web_api/' + domain.path}>
             <h3 className="list-group-item-heading">
               {domain.path}
               {domain.deprecated && <DeprecatedBadge />}
               {domain.internal && <InternalBadge />}
             </h3>
-            {domain.description && (
-              <div
-                className="list-group-item-text markdown"
-                dangerouslySetInnerHTML={{ __html: domain.description }}
-              />
-            )}
           </Link>
         ))}
       </div>

server/sonar-web/src/main/js/apps/web-api/components/__tests__/__snapshots__/Menu-test.tsx.snap

@@ -19,14 +19,6 @@ exports[`should also render domains with an actions description matching the que
       >
         bar
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Bar",
-          }
-        }
-      />
     </Link>
     <Link
       className="list-group-item"
@@ -40,14 +32,6 @@ exports[`should also render domains with an actions description matching the que
       >
         baz
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Baz",
-          }
-        }
-      />
     </Link>
   </div>
 </div>
@@ -72,14 +56,6 @@ exports[`should not render deprecated domains 1`] = `
       >
         foo
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Foo",
-          }
-        }
-      />
     </Link>
   </div>
 </div>
@@ -104,14 +80,6 @@ exports[`should not render internal domains 1`] = `
       >
         foo
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Foo",
-          }
-        }
-      />
     </Link>
   </div>
 </div>
@@ -136,14 +104,6 @@ exports[`should render deprecated domains 1`] = `
       >
         foo
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Foo",
-          }
-        }
-      />
     </Link>
     <Link
       className="list-group-item"
@@ -157,14 +117,6 @@ exports[`should render deprecated domains 1`] = `
       >
         bar
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Bar",
-          }
-        }
-      />
     </Link>
   </div>
 </div>
@@ -189,14 +141,6 @@ exports[`should render internal domains 1`] = `
       >
         foo
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Foo",
-          }
-        }
-      />
     </Link>
     <Link
       className="list-group-item"
@@ -211,14 +155,6 @@ exports[`should render internal domains 1`] = `
         bar
         <InternalBadge />
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Bar",
-          }
-        }
-      />
     </Link>
   </div>
 </div>
@@ -243,14 +179,6 @@ exports[`should render only domains with an action matching the query 1`] = `
       >
         foo
       </h3>
-      <div
-        className="list-group-item-text markdown"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "API Foo",
-          }
-        }
-      />
     </Link>
   </div>
 </div>