SONAR-13617 Copy button should be centered in code snippet component

diff --git a/server/sonar-web/src/main/js/components/common/CodeSnippet.css b/server/sonar-web/src/main/js/components/common/CodeSnippet.css
index 9902360188ce4d6a35204891c41df6f8eaf013d2..aa439e2d93a0207e5831c8b2a128aacce0b45748 100644 (file)
--- a/server/sonar-web/src/main/js/components/common/CodeSnippet.css
+++ b/server/sonar-web/src/main/js/components/common/CodeSnippet.css
@@ -30,7 +30,7 @@
 }
 
 .code-snippet > button {
-  height: 36px;
+  height: auto;
   border: 0;
   border-radius: 0;
   background: transparent;
@@ -43,7 +43,3 @@
   background-color: var(--transparentGray);
   color: var(--darkBlue);
 }
-
-.code-snippet-oneline > button {
-  height: auto;
-}

diff --git a/server/sonar-web/src/main/js/components/common/CodeSnippet.tsx b/server/sonar-web/src/main/js/components/common/CodeSnippet.tsx
index f8dd4eb8d94fee06e49204415ead84675a9321cd..24a3bfa610d6612ec3ca4e23cf54442b3ca4aee2 100644 (file)
--- a/server/sonar-web/src/main/js/components/common/CodeSnippet.tsx
+++ b/server/sonar-web/src/main/js/components/common/CodeSnippet.tsx
@@ -41,10 +41,7 @@ export default function CodeSnippet(props: CodeSnippetProps) {
   }
 
   return (
-    <div
-      className={classNames('code-snippet spacer-top spacer-bottom display-flex-row', {
-        'code-snippet-oneline': isOneLine
-      })}>
+    <div className={classNames('code-snippet spacer-top spacer-bottom display-flex-row', {})}>
       <pre className="flex-1" ref={snippetRef}>
         {finalSnippet}
       </pre>

diff --git a/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/CodeSnippet-test.tsx.snap b/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/CodeSnippet-test.tsx.snap
index 2d1100b23f53f65d626b51038a8b4d7500b5d5f1..f1901c905d061f9139110361c56db9f6a47b3066 100644 (file)
--- a/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/CodeSnippet-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/CodeSnippet-test.tsx.snap
@@ -49,7 +49,7 @@ bar
 
 exports[`renders correctly: single line with array snippet 1`] = `
 <div
-  className="code-snippet spacer-top spacer-bottom display-flex-row code-snippet-oneline"
+  className="code-snippet spacer-top spacer-bottom display-flex-row"
 >
   <pre
     className="flex-1"