]> source.dussan.org Git - sonarqube.git/commitdiff
SONAR-19711 Drop security report styles.css file
author7PH <benjamin.raymond@sonarsource.com>
Fri, 30 Jun 2023 11:45:14 +0000 (13:45 +0200)
committersonartech <sonartech@sonarsource.com>
Fri, 30 Jun 2023 20:03:15 +0000 (20:03 +0000)
server/sonar-web/design-system/src/components/__tests__/__snapshots__/CodeSnippet-test.tsx.snap
server/sonar-web/design-system/src/components/buttons.tsx

index 84ed10557aa7ee3739f1a98b50ca52e84fe1d59a..5c3aaab54b00cfb9fd77d45cc09d1ae6cb86a8b7 100644 (file)
@@ -21,7 +21,7 @@ exports[`should show full size when multiline with no editting 1`] = `
   -webkit-text-decoration: none;
   text-decoration: none;
   outline: none;
-  border: var(--border)!important;
+  border: var(--border);
   color: var(--color);
   background-color: var(--background);
   -webkit-transition: background-color 0.2s ease,outline 0.2s ease;
@@ -90,6 +90,12 @@ exports[`should show full size when multiline with no editting 1`] = `
   pointer-events: none;
 }
 
+.emotion-4:hover,
+.emotion-4:active,
+.emotion-4:focus {
+  border-color: rgb(197,205,223);
+}
+
 .code-snippet-highlighted-oneline .emotion-4 {
   bottom: 0.5rem;
 }
@@ -221,7 +227,7 @@ exports[`should show reduced size when single line with no editting 1`] = `
   -webkit-text-decoration: none;
   text-decoration: none;
   outline: none;
-  border: var(--border)!important;
+  border: var(--border);
   color: var(--color);
   background-color: var(--background);
   -webkit-transition: background-color 0.2s ease,outline 0.2s ease;
@@ -292,6 +298,12 @@ exports[`should show reduced size when single line with no editting 1`] = `
   pointer-events: none;
 }
 
+.emotion-4:hover,
+.emotion-4:active,
+.emotion-4:focus {
+  border-color: rgb(197,205,223);
+}
+
 .code-snippet-highlighted-oneline .emotion-4 {
   bottom: 0.5rem;
 }
index d5dc804a097f07f1617b9a460c5f9aed09fd47d0..e71a3cee2009056eb19737b02728658f4ee477a7 100644 (file)
@@ -110,7 +110,7 @@ const buttonStyle = (props: ThemedProps) => css`
   box-sizing: border-box;
   text-decoration: none;
   outline: none;
-  border: var(--border) !important;
+  border: var(--border);
   color: var(--color);
   background-color: var(--background);
   transition: background-color 0.2s ease, outline 0.2s ease;
@@ -186,6 +186,12 @@ export const ButtonSecondary: React.FC<ButtonProps> = styled(Button)`
   --color: ${themeContrast('buttonSecondary')};
   --focus: ${themeColor('buttonSecondaryBorder', OPACITY_20_PERCENT)};
   --border: ${themeBorder('default', 'buttonSecondaryBorder')};
+
+  &:hover,
+  &:active,
+  &:focus {
+    border-color: ${themeColor('buttonSecondaryBorder')};
+  }
 `;
 
 export const DangerButtonPrimary: React.FC<ButtonProps> = styled(Button)`
@@ -202,6 +208,12 @@ export const DangerButtonSecondary: React.FC<ButtonProps> = styled(Button)`
   --color: ${themeContrast('dangerButtonSecondary')};
   --focus: ${themeColor('dangerButtonSecondaryFocus', OPACITY_20_PERCENT)};
   --border: ${themeBorder('default', 'dangerButtonSecondaryBorder')};
+
+  &:hover,
+  &:active,
+  &:focus {
+    border-color: ${themeColor('dangerButtonSecondaryBorder')};
+  }
 `;
 
 export const WrapperButton: React.FC<ButtonProps> = styled(Button)`