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
-
+
{props.children}
; 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 {