diff --git a/src/web/components/badge/__tests__/__snapshots__/badge.jsx.snap b/src/web/components/badge/__tests__/__snapshots__/badge.jsx.snap deleted file mode 100644 index 41462c8980..0000000000 --- a/src/web/components/badge/__tests__/__snapshots__/badge.jsx.snap +++ /dev/null @@ -1,96 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`Badge tests > should render badge 1`] = ` -.c1 { - height: 16px; - width: 16px; - line-height: 16px; -} - -.c1 * { - height: inherit; - width: inherit; -} - -.c0 { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-right: 0px; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - font-size: 10px; - background-color: red; - font-weight: bold; - border-radius: 10px; - min-width: 10px; - padding: 3px 5px; - z-index: 1; - background-color: #11ab51; - color: #fff; - bottom: -8px; - right: 0px; -} - -
- - - - - - - - - - - 1 - -
-`; diff --git a/src/web/components/badge/__tests__/badge.jsx b/src/web/components/badge/__tests__/badge.jsx index e45775f487..7a5a0c4b36 100644 --- a/src/web/components/badge/__tests__/badge.jsx +++ b/src/web/components/badge/__tests__/badge.jsx @@ -3,7 +3,6 @@ * SPDX-License-Identifier: AGPL-3.0-or-later */ - import {describe, test, expect} from '@gsa/testing'; import {render} from 'web/utils/testing'; @@ -19,7 +18,7 @@ describe('Badge tests', () => { , ); - expect(element).toMatchSnapshot(); + expect(element).toBeVisible(); }); test('should render content', () => { diff --git a/src/web/components/bar/__tests__/__snapshots__/progressbar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/progressbar.jsx.snap deleted file mode 100644 index 035229d792..0000000000 --- a/src/web/components/bar/__tests__/__snapshots__/progressbar.jsx.snap +++ /dev/null @@ -1,127 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`ProgressBar tests > should render 1`] = ` -.c0 { - height: 13px; - box-sizing: content-box; - display: inline-block; - width: 100px; - background: #4C4C4C; - vertical-align: middle; - text-align: center; -} - -.c2 { - z-index: 1; - font-weight: bold; - color: #fff; - font-size: 9px; - margin: 0; - position: relative; - top: -13px; - padding-top: 1px; -} - -.c1 { - height: 13px; - width: 10%; - background: #4f91c7; -} - -@media print { - .c0 { - background: none; - border: 0; - } -} - -@media print { - .c2 { - color: black; - } -} - -@media print { - .c1 { - background: none; - } -} - -
-
-
-
-`; - -exports[`ProgressBar tests should render 1`] = ` -.c0 { - height: 13px; - box-sizing: content-box; - display: inline-block; - width: 100px; - background: #4C4C4C; - vertical-align: middle; - text-align: center; -} - -.c2 { - z-index: 1; - font-weight: bold; - color: #fff; - font-size: 9px; - margin: 0; - position: relative; - top: -13px; - padding-top: 1px; -} - -.c1 { - height: 13px; - width: 10%; - background: #4f91c7; -} - -@media print { - .c0 { - background: none; - border: 0; - } -} - -@media print { - .c2 { - color: black; - } -} - -@media print { - .c1 { - background: none; - } -} - -
-
-
-
-`; diff --git a/src/web/components/bar/__tests__/__snapshots__/severitybar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/severitybar.jsx.snap deleted file mode 100644 index e1b42698dd..0000000000 --- a/src/web/components/bar/__tests__/__snapshots__/severitybar.jsx.snap +++ /dev/null @@ -1,131 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`SeverityBar tests > should render 1`] = ` -.c0 { - height: 13px; - box-sizing: content-box; - display: inline-block; - width: 100px; - background: #4C4C4C; - vertical-align: middle; - text-align: center; -} - -.c2 { - z-index: 1; - font-weight: bold; - color: #fff; - font-size: 9px; - margin: 0; - position: relative; - top: -13px; - padding-top: 1px; -} - -.c1 { - height: 13px; - width: 95%; - background: #c83814; -} - -@media print { - .c0 { - background: none; - border: 0; - } -} - -@media print { - .c2 { - color: black; - } -} - -@media print { - .c1 { - background: none; - } -} - -
-
-
- 9.5 (High) -
-
-`; - -exports[`SeverityBar tests should render 1`] = ` -.c0 { - height: 13px; - box-sizing: content-box; - display: inline-block; - width: 100px; - background: #4C4C4C; - vertical-align: middle; - text-align: center; -} - -.c2 { - z-index: 1; - font-weight: bold; - color: #fff; - font-size: 9px; - margin: 0; - position: relative; - top: -13px; - padding-top: 1px; -} - -.c1 { - height: 13px; - width: 95%; - background: #c83814; -} - -@media print { - .c0 { - background: none; - border: 0; - } -} - -@media print { - .c2 { - color: black; - } -} - -@media print { - .c1 { - background: none; - } -} - -
-
-
- 9.5 (High) -
-
-`; diff --git a/src/web/components/bar/__tests__/__snapshots__/statusbar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/statusbar.jsx.snap index 05ca7f8153..493fd73f0c 100644 --- a/src/web/components/bar/__tests__/__snapshots__/statusbar.jsx.snap +++ b/src/web/components/bar/__tests__/__snapshots__/statusbar.jsx.snap @@ -70,74 +70,3 @@ exports[`StatusBar tests > should render 1`] = `
`; - -exports[`StatusBar tests should render 1`] = ` -.c0 { - height: 13px; - box-sizing: content-box; - display: inline-block; - width: 100px; - background: #4C4C4C; - vertical-align: middle; - text-align: center; -} - -.c2 { - z-index: 1; - font-weight: bold; - color: #fff; - font-size: 9px; - margin: 0; - position: relative; - top: -13px; - padding-top: 1px; -} - -.c1 { - height: 13px; - width: 100%; -} - -.c3 { - white-space: nowrap; -} - -@media print { - .c0 { - background: none; - border: 0; - } -} - -@media print { - .c2 { - color: black; - } -} - -@media print { - .c1 { - background: none; - } -} - -
-
-
- - undefined - -
-
-`; diff --git a/src/web/components/bar/__tests__/__snapshots__/titlebar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/titlebar.jsx.snap deleted file mode 100644 index 57d1b2109f..0000000000 --- a/src/web/components/bar/__tests__/__snapshots__/titlebar.jsx.snap +++ /dev/null @@ -1,603 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`Titlebar tests > should not render content if user is logged out 1`] = ` -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: start; - justify-content: start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - width: 40px; - height: 40px; - margin-right: 4px; - margin-top: 1px; - margin-bottom: 1px; -} - -.c4 { - height: 40px; - padding-top: 1px; - padding-bottom: 1px; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 42px; - background-color: #11ab51; - padding: 0px 5px 0px 5px; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 600; -} - -.c0 { - height: 42px; -} - - -
-
-
-
-
- Greenbone Security Assistant - Greenbone Security Assistant -
-
- Vendor Version -
-
-
- -`; - -exports[`Titlebar tests > should render content if user is logged in 1`] = ` -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: start; - justify-content: start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c14 { - margin-left: -5px; -} - -.c14>* { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c14>* { - margin-left: 5px; -} - -.c13 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c16 { - cursor: pointer; -} - -.c8 { - height: 24px; - width: 24px; - line-height: 24px; -} - -.c8 * { - height: inherit; - width: inherit; -} - -.c15 { - height: 16px; - width: 16px; - line-height: 16px; -} - -.c15 * { - height: inherit; - width: inherit; -} - -.c7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c10 { - position: relative; - display: none; - -webkit-animation: bNcXmX 0.1s ease-in; - animation: bNcXmX 0.1s ease-in; -} - -.c6:hover .c10 { - display: block; -} - -.c11 { - position: absolute; - margin: 0; - padding: 0; - right: 0; - top: 0; - z-index: 600; - list-style: none; - font-size: 10px; - width: 300px; -} - -.c12 { - height: 30px; - width: 300px; - border-left: 1px solid #7F7F7F; - border-right: 1px solid #7F7F7F; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #fff; - padding-left: 12px; -} - -.c12:hover { - background: #11ab51; - color: #fff; - cursor: pointer; -} - -.c12:first-child { - border-top: 1px solid #7F7F7F; - cursor: default; -} - -background-color:#f3f3f3 .c12:first-child:hover { - color: #000; -} - -.c12:nth-child(2) { - cursor: default; -} - -background-color:#f3f3f3 .c12:nth-child(2):hover { - color: #000; -} - -.c12:last-child { - border-top: 1px solid #7F7F7F; - border-bottom: 1px solid #7F7F7F; -} - -.c9 { - margin-right: 10px; -} - -.c17 { - width: 100%; - height: 100%; -} - -.c17:link, -.c17:hover, -.c17:active, -.c17:visited, -.c17:hover { - color: inherit; - -webkit-text-decoration: none; - text-decoration: none; -} - -.c4 { - width: 40px; - height: 40px; - margin-right: 4px; - margin-top: 1px; - margin-bottom: 1px; -} - -.c5 { - height: 40px; - padding-top: 1px; - padding-bottom: 1px; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 42px; - background-color: #11ab51; - padding: 0px 5px 0px 5px; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 600; -} - -.c0 { - height: 42px; -} - -@media print { - .c16 { - display: none; - } -} - - -
-
-
-
- -
- Greenbone Security Assistant - Greenbone Security Assistant -
- - - - - - - - - - - - - -
-
    -
  • -
    -
    - - - - - - - - - - - - - username - -
    -
    -
    • -
  • -
    -
    - - - - - - - - - - - Session timeout: - - - - - - - - - - -
    -
    -
    • -
  • - -
    -
    - - - - - - - - - - - My Settings - -
    -
    -     -
    • -
  • -
    -
    - - - - - - - - - - - - Log Out - -
    -
    -
    • -
-
- -
-
- -`; diff --git a/src/web/components/bar/__tests__/progressbar.jsx b/src/web/components/bar/__tests__/progressbar.jsx index 08862103db..c9aef9f67d 100644 --- a/src/web/components/bar/__tests__/progressbar.jsx +++ b/src/web/components/bar/__tests__/progressbar.jsx @@ -17,7 +17,7 @@ describe('ProgressBar tests', () => { , ); - expect(element).toMatchSnapshot(); + expect(element).toBeVisible(); }); test('should render title', () => { diff --git a/src/web/components/bar/__tests__/severitybar.jsx b/src/web/components/bar/__tests__/severitybar.jsx index 7497c0ee3e..181eb287f9 100644 --- a/src/web/components/bar/__tests__/severitybar.jsx +++ b/src/web/components/bar/__tests__/severitybar.jsx @@ -15,7 +15,7 @@ describe('SeverityBar tests', () => { test('should render', () => { const {element} = render(); - expect(element).toMatchSnapshot(); + expect(element).toBeVisible(); }); test('should render text content', () => { diff --git a/src/web/components/bar/__tests__/titlebar.jsx b/src/web/components/bar/__tests__/titlebar.jsx index 8ee1748f81..bbccad7d65 100644 --- a/src/web/components/bar/__tests__/titlebar.jsx +++ b/src/web/components/bar/__tests__/titlebar.jsx @@ -26,7 +26,7 @@ describe('Titlebar tests', () => { const {baseElement, getByTestId} = render(); const menuElement = getByTestId('usermenu'); - expect(baseElement).toMatchSnapshot(); + expect(baseElement).toBeVisible(); expect(menuElement).toBeDefined(); expect(baseElement).not.toHaveTextContent('Vendor Version'); }); @@ -41,7 +41,7 @@ describe('Titlebar tests', () => { const {baseElement} = render(); - expect(baseElement).toMatchSnapshot(); + expect(baseElement).toBeVisible(); expect(baseElement).not.toHaveTextContent('username'); expect(baseElement).toHaveTextContent('Vendor Version'); }); diff --git a/src/web/components/dialog/__tests__/__snapshots__/closebutton.jsx.snap b/src/web/components/dialog/__tests__/__snapshots__/closebutton.jsx.snap index 5571e39efc..2f4b220895 100644 --- a/src/web/components/dialog/__tests__/__snapshots__/closebutton.jsx.snap +++ b/src/web/components/dialog/__tests__/__snapshots__/closebutton.jsx.snap @@ -24,25 +24,22 @@ exports[`Dialog CloseButton tests > should render 1`] = ` -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; + width: 24px; + height: 24px; + line-height: 24px; } .c0 :hover { border: 1px solid #074320; } -.c1 { - height: 24px; - width: 24px; - line-height: 24px; -} - -.c1 * { +.c0 * { height: inherit; width: inherit; }
× diff --git a/src/web/components/dialog/__tests__/__snapshots__/confirmationdialog.jsx.snap b/src/web/components/dialog/__tests__/__snapshots__/confirmationdialog.jsx.snap deleted file mode 100644 index 6b5d2cc209..0000000000 --- a/src/web/components/dialog/__tests__/__snapshots__/confirmationdialog.jsx.snap +++ /dev/null @@ -1,350 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`ConfirmationDialog component tests > should render ConfirmationDialog with text and title 1`] = ` -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; -} - -.c10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10% auto; - border: 0; - outline: 0; - width: 400px; - height: autopx; -} - -.c0 { - position: fixed; - font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; - font-size: 1.1em; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0; - background: rgba(102, 102, 102, 0.5); - z-index: 600; - -webkit-transition: opacity 1s ease-in; - transition: opacity 1s ease-in; - width: 100%; - height: 100%; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: inherit; - padding: 0; - background: #fff; - box-shadow: 5px 5px 10px #7F7F7F; - border-radius: 3px; - border: 1px solid #7F7F7F; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-weight: bold; - font-size: 12px; - font-family: Verdana,sans-serif; - color: #074320; - cursor: pointer; - border-radius: 2px; - padding: 0; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c5 :hover { - border: 1px solid #074320; -} - -.c6 { - height: 24px; - width: 24px; - line-height: 24px; -} - -.c6 * { - height: inherit; - width: inherit; -} - -.c13 { - display: inline-block; - padding: 0 15px; - color: #4C4C4C; - text-align: center; - vertical-align: middle; - font-size: 11px; - font-weight: bold; - line-height: 30px; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - background-color: #fff; - border-radius: 2px; - border: 1px solid #bfbfbf; - cursor: pointer; - overflow: visible; - z-index: 1; -} - -.c13:focus, -.c13:hover { - border: 1px solid #4C4C4C; -} - -.c13:hover { - -webkit-text-decoration: none; - text-decoration: none; - background: #11ab51; - font-weight: bold; - color: #fff; -} - -.c13[disabled] { - cursor: not-allowed; - opacity: 0.65; - box-shadow: none; -} - -.c13 img { - height: 32px; - width: 32px; - margin-top: 5px 10px 5px -10px; - vertical-align: middle; -} - -.c13:link { - -webkit-text-decoration: none; - text-decoration: none; - color: #4C4C4C; -} - -.c14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c15 { - border: 1px solid #7F7F7F; - color: #fff; - background: #11ab51; -} - -.c15 :hover { - color: #074320; - background: #A1DDBA; -} - -.c11 { - border-width: 1px 0 0 0; - border-style: solid; - border-color: #e5e5e5; - margin-top: 15px; - padding: 10px 20px 10px 20px; -} - -.c12 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} - -.c4 { - padding: 5px 5px 5px 10px; - margin-bottom: 15px; - border-radius: 2px 2px 0 0; - border-bottom: 1px solid #7F7F7F; - color: #fff; - font-weight: bold; - background: #11ab51; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - cursor: -webkit-grab; - cursor: grab; -} - -.c9 { - overflow: auto; - padding: 0 15px; - width: 100%; - height: 100%; -} - -.c8 { - overflow: hidden; - height: 100%; -} - - -
-
-
- -
-
-
-
- -`; diff --git a/src/web/components/dialog/__tests__/__snapshots__/errordialog.jsx.snap b/src/web/components/dialog/__tests__/__snapshots__/errordialog.jsx.snap deleted file mode 100644 index 0dab2f4ee8..0000000000 --- a/src/web/components/dialog/__tests__/__snapshots__/errordialog.jsx.snap +++ /dev/null @@ -1,336 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`ErrorDialog component tests > should render ErrorDialog with text and title 1`] = ` -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; -} - -.c10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10% auto; - border: 0; - outline: 0; - width: 400px; - height: autopx; -} - -.c0 { - position: fixed; - font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; - font-size: 1.1em; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0; - background: rgba(102, 102, 102, 0.5); - z-index: 600; - -webkit-transition: opacity 1s ease-in; - transition: opacity 1s ease-in; - width: 100%; - height: 100%; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: inherit; - padding: 0; - background: #fff; - box-shadow: 5px 5px 10px #7F7F7F; - border-radius: 3px; - border: 1px solid #7F7F7F; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-weight: bold; - font-size: 12px; - font-family: Verdana,sans-serif; - color: #074320; - cursor: pointer; - border-radius: 2px; - padding: 0; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.c5 :hover { - border: 1px solid #074320; -} - -.c6 { - height: 24px; - width: 24px; - line-height: 24px; -} - -.c6 * { - height: inherit; - width: inherit; -} - -.c12 { - display: inline-block; - padding: 0 15px; - color: #4C4C4C; - text-align: center; - vertical-align: middle; - font-size: 11px; - font-weight: bold; - line-height: 30px; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - background-color: #fff; - border-radius: 2px; - border: 1px solid #bfbfbf; - cursor: pointer; - overflow: visible; - z-index: 1; -} - -.c12:focus, -.c12:hover { - border: 1px solid #4C4C4C; -} - -.c12:hover { - -webkit-text-decoration: none; - text-decoration: none; - background: #11ab51; - font-weight: bold; - color: #fff; -} - -.c12[disabled] { - cursor: not-allowed; - opacity: 0.65; - box-shadow: none; -} - -.c12 img { - height: 32px; - width: 32px; - margin-top: 5px 10px 5px -10px; - vertical-align: middle; -} - -.c12:link { - -webkit-text-decoration: none; - text-decoration: none; - color: #4C4C4C; -} - -.c13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c14 { - border: 1px solid #7F7F7F; - color: #fff; - background: #11ab51; -} - -.c14 :hover { - color: #074320; - background: #A1DDBA; -} - -.c11 { - border-width: 1px 0 0 0; - border-style: solid; - border-color: #e5e5e5; - margin-top: 15px; - padding: 10px 20px 10px 20px; -} - -.c4 { - padding: 5px 5px 5px 10px; - margin-bottom: 15px; - border-radius: 2px 2px 0 0; - border-bottom: 1px solid #7F7F7F; - color: #fff; - font-weight: bold; - background: #11ab51; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - cursor: -webkit-grab; - cursor: grab; -} - -.c9 { - overflow: auto; - padding: 0 15px; - width: 100%; - height: 100%; -} - -.c8 { - overflow: hidden; - height: 100%; -} - - -
-
-
- -
-
-
-
- -`; diff --git a/src/web/components/dialog/__tests__/closebutton.jsx b/src/web/components/dialog/__tests__/closebutton.jsx index 0dacb82373..df494ef1ab 100644 --- a/src/web/components/dialog/__tests__/closebutton.jsx +++ b/src/web/components/dialog/__tests__/closebutton.jsx @@ -10,7 +10,7 @@ import {render, fireEvent} from 'web/utils/testing'; import { ICON_SIZE_LARGE_PIXELS, ICON_SIZE_MEDIUM_PIXELS, -} from 'web/components/icon/withIconSize'; +} from 'web/hooks/useIconSize'; import CloseButton from '../closebutton'; @@ -41,5 +41,3 @@ describe('Dialog CloseButton tests', () => { expect(element).toHaveStyleRule('width', ICON_SIZE_LARGE_PIXELS); }); }); - -// vim: set ts=2 sw=2 tw=80: diff --git a/src/web/components/dialog/__tests__/confirmationdialog.jsx b/src/web/components/dialog/__tests__/confirmationdialog.jsx index a683150263..8fa2365789 100644 --- a/src/web/components/dialog/__tests__/confirmationdialog.jsx +++ b/src/web/components/dialog/__tests__/confirmationdialog.jsx @@ -25,7 +25,7 @@ describe('ConfirmationDialog component tests', () => { />, ); - expect(baseElement).toMatchSnapshot(); + expect(baseElement).toBeVisible(); const contentElement = getByTestId('confirmationdialog-content'); const titleElement = getByTestId('dialog-title-bar'); expect(contentElement).toHaveTextContent('foo'); diff --git a/src/web/components/dialog/__tests__/errordialog.jsx b/src/web/components/dialog/__tests__/errordialog.jsx index e283a50c9d..478c28d905 100644 --- a/src/web/components/dialog/__tests__/errordialog.jsx +++ b/src/web/components/dialog/__tests__/errordialog.jsx @@ -19,7 +19,7 @@ describe('ErrorDialog component tests', () => { , ); - expect(baseElement).toMatchSnapshot(); + expect(baseElement).toBeVisible(); const contentElement = getByTestId('errordialog-content'); const titleElement = getByTestId('dialog-title-bar'); expect(contentElement).toHaveTextContent('foo'); diff --git a/src/web/components/dialog/closebutton.jsx b/src/web/components/dialog/closebutton.jsx index d25b8db3e7..18bf8b11fe 100644 --- a/src/web/components/dialog/closebutton.jsx +++ b/src/web/components/dialog/closebutton.jsx @@ -12,7 +12,7 @@ import _ from 'gmp/locale'; import Theme from 'web/utils/theme'; import PropTypes from 'web/utils/proptypes'; -import withIconSize from 'web/components/icon/withIconSize'; +import useIconSize from 'web/hooks/useIconSize'; const StyledCloseButton = styled.div` display: flex; @@ -26,22 +26,38 @@ const StyledCloseButton = styled.div` align-items: center; justify-content: center; flex-shrink: 0; + width: ${props => props.$width}; + height: ${props => props.$height}; + line-height: ${props => props.$lineHeight}; :hover { border: 1px solid ${Theme.darkGreen}; } + & * { + height: inherit; + width: inherit; + } `; -const CloseButton = ({title = _('Close'), ...props}) => ( - - ×{/* Javascript unicode: \u00D7 */} - -); +const CloseButton = ({title = _('Close'), size = 'medium', ...props}) => { + const {width, height} = useIconSize(size); + + return ( + + ×{/* Javascript unicode: \u00D7 */} + + ); +}; CloseButton.propTypes = { title: PropTypes.string, onClick: PropTypes.func.isRequired, + size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']), }; -export default withIconSize('medium')(CloseButton); - -// vim: set ts=2 sw=2 tw=80: +export default CloseButton; diff --git a/src/web/components/error/__tests__/__snapshots__/errormessage.jsx.snap b/src/web/components/error/__tests__/__snapshots__/errormessage.jsx.snap deleted file mode 100644 index 5e6f5f3d58..0000000000 --- a/src/web/components/error/__tests__/__snapshots__/errormessage.jsx.snap +++ /dev/null @@ -1,155 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`ErrorMessage tests > should render 1`] = ` -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: start; - justify-content: start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; -} - -.c4 { - margin-left: -15px; -} - -.c4>* { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c4>* { - margin-left: 15px; -} - -.c6 { - margin-left: -5px; -} - -.c6>* { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c6>* { - margin-left: 5px; -} - -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c5 { - height: 24px; - width: 24px; - line-height: 24px; -} - -.c5 * { - height: inherit; - width: inherit; -} - -.c1 { - padding: 15px; - margin: 15px 15px 15px 15px; - border: 1px solid #f4b1b2; - color: #c12c30; - background-color: #fbddde; -} - -
-
-
- - - - - - - - - -
-
-
- - An error occurred. - - - Because of foo. - -
-
-
-
-
-
-`; diff --git a/src/web/components/error/__tests__/errormessage.jsx b/src/web/components/error/__tests__/errormessage.jsx index 09e51ee1be..8d92891020 100644 --- a/src/web/components/error/__tests__/errormessage.jsx +++ b/src/web/components/error/__tests__/errormessage.jsx @@ -15,7 +15,7 @@ describe('ErrorMessage tests', () => { , ); - expect(element).toMatchSnapshot(); + expect(element).toBeVisible(); }); test('should render with message, details and children', () => { diff --git a/src/web/components/form/__tests__/__snapshots__/multiselect.jsx.snap b/src/web/components/form/__tests__/__snapshots__/multiselect.jsx.snap deleted file mode 100644 index 29dfb95510..0000000000 --- a/src/web/components/form/__tests__/__snapshots__/multiselect.jsx.snap +++ /dev/null @@ -1,357 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`MultiSelect component tests > should render 1`] = ` -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: start; - justify-content: start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c5 { - background-color: transparent; - border: none; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - outline: none; - margin: 1px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: not-allowed; -} - -.c6 { - height: 16px; - width: 16px; - line-height: 16px; -} - -.c6 * { - height: inherit; - width: inherit; -} - -.c2 { - border: 1px solid #bfbfbf; - border-radius: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 1px 5px; - background-color: #fff; - color: #000; - font-weight: normal; - background-color: #f3f3f3; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - width: 250px; -} - -.c7 { - color: #c12c30; - font-weight: bold; - font-size: 19px; - padding-bottom: 1px; - padding-left: 4px; - display: none; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - - -
-
-
-`; - -exports[`ApplyOverridesGroup tests should render 1`] = ` -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: start; - justify-content: start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c5 { - margin-left: -5px; -} - -.c5>* { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c5>* { - margin-left: 5px; -} - -.c4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: start; - justify-content: start; - padding-bottom: 10px; -} - -.c1 { - display: inline-block; - max-width: 100%; - font-weight: bold; - text-align: right; - padding-left: 10px; - padding-right: 10px; - width: 16.66666667%; - margin-left: 0; -} - -.c3 { - width: 83.33333333%; - padding-left: 10px; - padding-right: 10px; -} - -.c6 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-weight: normal; - cursor: pointer; -} - -.c7 { - font-family: inherit; - font-size: inherit; - padding: 0; - margin: 0; - margin-left: 10px; - line-height: normal; - width: auto; - height: auto; -} - -.c9 { - opacity: 1; -} - -.c8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -
- -
-
-
-
- - -
-
-
-
-
-`; diff --git a/src/web/components/powerfilter/__tests__/__snapshots__/relationselector.jsx.snap b/src/web/components/powerfilter/__tests__/__snapshots__/relationselector.jsx.snap deleted file mode 100644 index 6659c5333e..0000000000 --- a/src/web/components/powerfilter/__tests__/__snapshots__/relationselector.jsx.snap +++ /dev/null @@ -1,709 +0,0 @@ -// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html - -exports[`Relation Selector Tests > should render 1`] = ` -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c6 { - background-color: transparent; - border: none; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - outline: none; - margin: 1px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; -} - -.c7 { - height: 16px; - width: 16px; - line-height: 16px; -} - -.c7 * { - height: inherit; - width: inherit; -} - -.c2 { - border: 1px solid #bfbfbf; - border-radius: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 1px 5px; - background-color: #fff; - color: #000; - font-weight: normal; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - width: 180px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - word-break: keep-all; - white-space: nowrap; - overflow: hidden; - cursor: pointer; -} - -.c8 { - color: #c12c30; - font-weight: bold; - font-size: 19px; - padding-bottom: 1px; - padding-left: 4px; - display: none; -} - -.c4 { - cursor: default; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - - -`; - -exports[`Relation Selector Tests should render 1`] = ` -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c6 { - background-color: transparent; - border: none; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - outline: none; - margin: 1px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; -} - -.c7 { - height: 16px; - width: 16px; - line-height: 16px; -} - -.c7 * { - height: inherit; - width: inherit; -} - -.c2 { - border: 1px solid #bfbfbf; - border-radius: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 1px 5px; - background-color: #fff; - color: #000; - font-weight: normal; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - width: 180px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - word-break: keep-all; - white-space: nowrap; - overflow: hidden; - cursor: pointer; -} - -.c8 { - color: #c12c30; - font-weight: bold; - font-size: 19px; - padding-bottom: 1px; - padding-left: 4px; - display: none; -} - -.c4 { - cursor: default; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - - -`; - -exports[`Select component tests > should render 1`] = ` -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c6 { - background-color: transparent; - border: none; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - outline: none; - margin: 1px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; -} - -.c7 { - height: 16px; - width: 16px; - line-height: 16px; -} - -.c7 * { - height: inherit; - width: inherit; -} - -.c2 { - border: 1px solid #bfbfbf; - border-radius: 2px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 1px 5px; - background-color: #fff; - color: #000; - font-weight: normal; - background-color: #f3f3f3; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - width: 180px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - word-break: keep-all; - white-space: nowrap; - overflow: hidden; - cursor: default; -} - -.c8 { - color: #c12c30; - font-weight: bold; - font-size: 19px; - padding-bottom: 1px; - padding-left: 4px; - display: none; -} - -.c4 { - cursor: default; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -