diff --git a/web/src/assets/styles/blocks.scss b/web/src/assets/styles/blocks.scss index dfb31909dc..70bac9f72d 100644 --- a/web/src/assets/styles/blocks.scss +++ b/web/src/assets/styles/blocks.scss @@ -215,35 +215,6 @@ } } -span.notification-mark { - --nm-border-width: 0; - --nm-border-color: transparent; - --nm-border: var(--nm-border-width) solid var(--nm-border-color); - --nm-size: 8px; - --nm-margin-inline: var(--nm-size, 5px); - --nm-display: inline-block; - --nm-color: #00BFFF; //deepskyblue - - margin-inline: var(--nm-margin-inline); - display: var(--nm-display); - background: var(--nm-color); - border: var(--nm-border); - width: var(--nm-size); - height: var(--nm-size); - border-radius: 999px; -} - -span.notification-mark[data-variant="sidebar"] { - --nm-size: calc(var(--fs-base) + var(--nm-border-width)); - --nm-display: initial; - --nm-border-width: 2px; - --nm-border-color: var(--color-primary); - --nm-margin-inline: 0; - - position: absolute; - right: 0; -} - .issue { --icon-size: 1rem; diff --git a/web/src/components/core/NotificationMark.jsx b/web/src/components/core/NotificationMark.jsx deleted file mode 100644 index a3751493c1..0000000000 --- a/web/src/components/core/NotificationMark.jsx +++ /dev/null @@ -1,39 +0,0 @@ -/* - * Copyright (c) [2023] SUSE LLC - * - * All Rights Reserved. - * - * This program is free software; you can redistribute it and/or modify it - * under the terms of version 2 of the GNU General Public License as published - * by the Free Software Foundation. - * - * This program is distributed in the hope that it will be useful, but WITHOUT - * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or - * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for - * more details. - * - * You should have received a copy of the GNU General Public License along - * with this program; if not, contact SUSE LLC. - * - * To contact SUSE LLC about this file by physical or electronic mail, you may - * find current contact information at www.suse.com. - */ - -import React from "react"; - -/** - * A notification mark for catching the users attention when there is - * something that can be interesting for them but not urgent enough to use a - * (blocking) Popup. - * - * @component - * - * Use only when the information to show might be overlooked without risk and/or - * when the information will be displayed sooner or later in other way (in a - * confirmation dialog, for example). - * - * @param {object} props - */ -export default function NotificationMark ({ ...props }) { - return ; -} diff --git a/web/src/components/core/NotificationMark.test.jsx b/web/src/components/core/NotificationMark.test.jsx deleted file mode 100644 index d05056f5f7..0000000000 --- a/web/src/components/core/NotificationMark.test.jsx +++ /dev/null @@ -1,30 +0,0 @@ -/* - * Copyright (c) [2023] SUSE LLC - * - * All Rights Reserved. - * - * This program is free software; you can redistribute it and/or modify it - * under the terms of version 2 of the GNU General Public License as published - * by the Free Software Foundation. - * - * This program is distributed in the hope that it will be useful, but WITHOUT - * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or - * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for - * more details. - * - * You should have received a copy of the GNU General Public License along - * with this program; if not, contact SUSE LLC. - * - * To contact SUSE LLC about this file by physical or electronic mail, you may - * find current contact information at www.suse.com. - */ - -import React from "react"; -import { screen } from "@testing-library/react"; -import { plainRender } from "~/test-utils"; -import { NotificationMark } from "~/components/core"; - -it("renders a span with status role", async () => { - plainRender(); - await screen.findByRole("status", { name: "See issues" }); -}); diff --git a/web/src/components/core/index.js b/web/src/components/core/index.js index 45558fe8dc..4fd80031b0 100644 --- a/web/src/components/core/index.js +++ b/web/src/components/core/index.js @@ -52,7 +52,6 @@ export { default as ValidationErrors } from "./ValidationErrors"; export { default as Terminal } from "./Terminal"; export { default as Tip } from "./Tip"; export { default as ShowTerminalButton } from "./ShowTerminalButton"; -export { default as NotificationMark } from "./NotificationMark"; export { default as NumericTextInput } from "./NumericTextInput"; export { default as PasswordInput } from "./PasswordInput"; export { default as DevelopmentInfo } from "./DevelopmentInfo";