From a046f5a16fc09cf27aa23092cf779839c3b6a48a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= Date: Sun, 19 Jul 2020 12:34:19 +0100 Subject: [PATCH] chore(ui): move scss files from components dir --- ui/src/Components/ManagedSilence/SilenceProgress.scss | 8 -------- ui/src/Components/ManagedSilence/SilenceProgress.tsx | 2 -- ui/src/Styles/Components/ManagedSilence.scss | 10 ++++++++++ 3 files changed, 10 insertions(+), 10 deletions(-) delete mode 100644 ui/src/Components/ManagedSilence/SilenceProgress.scss diff --git a/ui/src/Components/ManagedSilence/SilenceProgress.scss b/ui/src/Components/ManagedSilence/SilenceProgress.scss deleted file mode 100644 index e057eef75..000000000 --- a/ui/src/Components/ManagedSilence/SilenceProgress.scss +++ /dev/null @@ -1,8 +0,0 @@ -.badge > .silence-progress.progress { - height: 2px; - margin-top: 0.125rem; -} - -.badge > .silence-progress.progress > .progress-bar { - height: 2px; -} diff --git a/ui/src/Components/ManagedSilence/SilenceProgress.tsx b/ui/src/Components/ManagedSilence/SilenceProgress.tsx index b7b8a43c5..dcdb163e9 100644 --- a/ui/src/Components/ManagedSilence/SilenceProgress.tsx +++ b/ui/src/Components/ManagedSilence/SilenceProgress.tsx @@ -8,8 +8,6 @@ import getUnixTime from "date-fns/getUnixTime"; import { APISilenceT } from "Models/APITypes"; import { DateFromNow } from "Components/DateFromNow"; -import "./SilenceProgress.scss"; - const calculatePercent = (startsAt: string, endsAt: string) => { const durationDone = getUnixTime(new Date()) - getUnixTime(parseISO(startsAt)); diff --git a/ui/src/Styles/Components/ManagedSilence.scss b/ui/src/Styles/Components/ManagedSilence.scss index e03097a43..068b30f1f 100644 --- a/ui/src/Styles/Components/ManagedSilence.scss +++ b/ui/src/Styles/Components/ManagedSilence.scss @@ -28,3 +28,13 @@ .nmb-05 { margin-bottom: -($spacer * 0.125) !important; } + +// SilenceProgress +.badge > .silence-progress.progress { + height: 2px; + margin-top: 0.125rem; +} + +.badge > .silence-progress.progress > .progress-bar { + height: 2px; +}