From 786b42e2b543b3aad2b755fe005f9c8a7cc9299d Mon Sep 17 00:00:00 2001 From: Claire Date: Sat, 2 Dec 2023 20:15:14 +0100 Subject: [PATCH] Fix SCSS and JS linting issues --- .../flavours/glitch/components/check.tsx | 14 ++++++++++---- .../glitch/features/report/components/option.jsx | 2 +- .../flavours/glitch/styles/components/columns.scss | 6 +++--- 3 files changed, 14 insertions(+), 8 deletions(-) diff --git a/app/javascript/flavours/glitch/components/check.tsx b/app/javascript/flavours/glitch/components/check.tsx index 93a6bf7387..901f89fc5b 100644 --- a/app/javascript/flavours/glitch/components/check.tsx +++ b/app/javascript/flavours/glitch/components/check.tsx @@ -1,7 +1,13 @@ export const Check: React.FC = () => ( - - + + ); - -export default Check; diff --git a/app/javascript/flavours/glitch/features/report/components/option.jsx b/app/javascript/flavours/glitch/features/report/components/option.jsx index da20fd0624..f78eb140d9 100644 --- a/app/javascript/flavours/glitch/features/report/components/option.jsx +++ b/app/javascript/flavours/glitch/features/report/components/option.jsx @@ -3,7 +3,7 @@ import { PureComponent } from 'react'; import classNames from 'classnames'; -import Check from 'flavours/glitch/components/check'; +import { Check } from 'flavours/glitch/components/check'; export default class Option extends PureComponent { diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index e57c6aed8e..33c1ab2d2b 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -930,7 +930,7 @@ $ui-header-height: 55px; color: $darker-text-color; } - @media screen and (min-width: 600px) { + @media screen and (width >= 600px) { padding: 40px; } } @@ -1043,7 +1043,7 @@ $ui-header-height: 55px; color: $highlight-text-color; font-size: 1.2rem; - @media screen and (min-width: 600px) { + @media screen and (width >= 600px) { display: flex; } } @@ -1112,7 +1112,7 @@ $ui-header-height: 55px; position: sticky; background: $ui-base-color; - @media screen and (min-width: 600) { + @media screen and (width >= 600) { padding: 0 40px; }