diff --git a/lib/static/new-ui/components/Card/index.module.css b/lib/static/new-ui/components/Card/index.module.css
index 6a9fd1c58..29f960a1e 100644
--- a/lib/static/new-ui/components/Card/index.module.css
+++ b/lib/static/new-ui/components/Card/index.module.css
@@ -3,8 +3,6 @@
position: relative;
}
-.card {}
-
.wrapper {
overflow: hidden;
box-shadow: rgb(255, 255, 255) 0 0 0 0, rgba(9, 9, 11, 0.05) 0 0 0 1px, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
diff --git a/lib/static/new-ui/components/Card/index.tsx b/lib/static/new-ui/components/Card/index.tsx
index 17db11327..da212b11f 100644
--- a/lib/static/new-ui/components/Card/index.tsx
+++ b/lib/static/new-ui/components/Card/index.tsx
@@ -10,7 +10,7 @@ export interface CardProps {
export function Card(props: CardProps): React.ReactNode {
return
-
;
diff --git a/lib/static/new-ui/components/SuiteTitle/index.tsx b/lib/static/new-ui/components/SuiteTitle/index.tsx
index fafe3fb9a..78f23814e 100644
--- a/lib/static/new-ui/components/SuiteTitle/index.tsx
+++ b/lib/static/new-ui/components/SuiteTitle/index.tsx
@@ -31,7 +31,7 @@ export function SuiteTitle(props: SuiteTitlePropsInternal): ReactNode {
{item}
{index !== suitePath.length - 1 &&
-
+
}
@@ -50,9 +50,9 @@ export function SuiteTitle(props: SuiteTitlePropsInternal): ReactNode {
{props.index === -1 ? '–' : props.index + 1}/{props.totalItems}
-
-
;
diff --git a/lib/static/new-ui/features/suites/components/SuitesPage/index.module.css b/lib/static/new-ui/features/suites/components/SuitesPage/index.module.css
index de01fcbf4..aed678de5 100644
--- a/lib/static/new-ui/features/suites/components/SuitesPage/index.module.css
+++ b/lib/static/new-ui/features/suites/components/SuitesPage/index.module.css
@@ -20,7 +20,7 @@
}
.card__title {
- margin-bottom: 8px !important;
+ margin-bottom: 8px;
padding-top: 20px;
}
diff --git a/lib/static/new-ui/features/suites/components/SuitesTreeView/selectors.ts b/lib/static/new-ui/features/suites/components/SuitesTreeView/selectors.ts
index 323e06eaa..5d473f80d 100644
--- a/lib/static/new-ui/features/suites/components/SuitesTreeView/selectors.ts
+++ b/lib/static/new-ui/features/suites/components/SuitesTreeView/selectors.ts
@@ -91,16 +91,16 @@ export const getTreeViewItems = createSelector(
return null;
}
- const children: TreeViewItem[] = [];
+ let children: TreeViewItem[] = [];
if (hasBrowsers(suiteData)) {
- children.push(...suiteData.browserIds
+ children = suiteData.browserIds
.map((browserId) => formatBrowser(browsers[browserId], data))
- .filter(Boolean) as TreeViewItem[]);
+ .filter(Boolean) as TreeViewItem[];
}
if (hasSuites(suiteData)) {
- children.push(...suiteData.suiteIds
+ children = suiteData.suiteIds
.map((suiteId) => formatSuite(suites[suiteId], data))
- .filter(Boolean) as TreeViewItem[]);
+ .filter(Boolean) as TreeViewItem[];
}
return {data, children};
diff --git a/lib/static/new-ui/features/visual-checks/components/VisualChecksPage/index.module.css b/lib/static/new-ui/features/visual-checks/components/VisualChecksPage/index.module.css
index 95feff38c..5f48448b9 100644
--- a/lib/static/new-ui/features/visual-checks/components/VisualChecksPage/index.module.css
+++ b/lib/static/new-ui/features/visual-checks/components/VisualChecksPage/index.module.css
@@ -3,6 +3,6 @@
}
.card__title {
- margin-bottom: 8px !important;
+ margin-bottom: 8px;
padding-top: 20px;
}
diff --git a/lib/static/new-ui/types/store.ts b/lib/static/new-ui/types/store.ts
index e4619a1d0..f374849a2 100644
--- a/lib/static/new-ui/types/store.ts
+++ b/lib/static/new-ui/types/store.ts
@@ -43,7 +43,7 @@ export interface ResultEntityCommon {
history?: TestStepCompressed[];
error?: TestError;
suitePath: string[];
- /** @node Browser Name/ID, e.g. `chrome-desktop` */
+ /** @note Browser Name/ID, e.g. `chrome-desktop` */
name: string;
}
diff --git a/lib/static/styles.css b/lib/static/styles.css
index c39757817..92bc3a233 100644
--- a/lib/static/styles.css
+++ b/lib/static/styles.css
@@ -923,12 +923,15 @@ a:active {
}
/* Gravity UI Font Styles */
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+}
+
.text-display-1 {
font-family: Jost, sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 28px;
- margin: 0;
}
.text-display-2 {
@@ -936,7 +939,6 @@ a:active {
font-weight: 500;
font-size: 18px;
line-height: 24px;
- margin: 0;
}
.text-display-3 {
@@ -944,7 +946,6 @@ a:active {
font-weight: 500;
font-size: var(--g-text-display-3-font-size);
line-height: var(--g-text-display-3-line-height);
- margin: 0;
}
.text-header-1 {
@@ -952,7 +953,6 @@ a:active {
font-weight: 500;
font-size: var(--g-text-header-1-font-size);
line-height: var(--g-text-header-1-line-height);
- margin: 0;
}
.text-subheader-1 {