From 8dbbf1cb9a0a1888dd45a19a5476c9e9750446aa Mon Sep 17 00:00:00 2001 From: Charles Nwankwo <39612820+Xavier-Charles@users.noreply.github.com> Date: Thu, 23 Nov 2023 13:46:50 +0100 Subject: [PATCH 1/3] enhance: Hide scrollbar for non touch devices (#133) --- packages/ui-kit/src/components/scrollbar/ScrollBar.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx b/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx index 39d4e4d0..4bdf2c14 100644 --- a/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx +++ b/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx @@ -13,6 +13,8 @@ export interface ScrollBarProps extends HTMLProps { onYReachEnd?: (container: HTMLElement) => void; } +const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0; + export const ScrollBar: FC = ({ children, onScroll, @@ -26,7 +28,8 @@ export const ScrollBar: FC = ({
ref && containerRef?.(ref)} className={twMerge( - "overflow-hidden overflow-y-auto scrollbar-track-backgroundVariant1800 scrollbar-thumb-primaryVariant800 scrollbar scrollbar-w-[5px] overscroll-contain h-full", + "overflow-hidden hover:none:text-blue hover:overflow-y-auto scrollbar-track-backgroundVariant1800 scrollbar-thumb-primaryVariant800 scrollbar scrollbar-w-[5px] overscroll-contain h-full", + isTouchDevice && "overflow-y-auto", className )} style={{ scrollbarGutter: "stable", ...style }} From 0ed5f267a59942056978ce1f491f35e9fcbf8259 Mon Sep 17 00:00:00 2001 From: Charles Nwankwo <39612820+Xavier-Charles@users.noreply.github.com> Date: Thu, 23 Nov 2023 13:50:32 +0100 Subject: [PATCH 2/3] fix: Market line style switch should be grayed out when disabled (#132) --- .../src/components/switch/Switch.module.scss | 22 ------------------- .../ui-kit/src/components/switch/Switch.tsx | 9 ++++---- 2 files changed, 5 insertions(+), 26 deletions(-) delete mode 100644 packages/ui-kit/src/components/switch/Switch.module.scss diff --git a/packages/ui-kit/src/components/switch/Switch.module.scss b/packages/ui-kit/src/components/switch/Switch.module.scss deleted file mode 100644 index 81b7657d..00000000 --- a/packages/ui-kit/src/components/switch/Switch.module.scss +++ /dev/null @@ -1,22 +0,0 @@ -.label { - input:checked + .slider:before { - -webkit-transform: translateX(61px); - -ms-transform: translateX(61px); - transform: translateX(61px); - } -} - -.disabled { - @apply text-primaryVariant300 pointer-events-none; - input:not(:checked) + .slider { - .option1 { - @apply bg-primaryVariant300; - } - } - - input:checked + .slider { - .option2 { - @apply bg-primaryVariant300; - } - } - } diff --git a/packages/ui-kit/src/components/switch/Switch.tsx b/packages/ui-kit/src/components/switch/Switch.tsx index 0d04c921..96133130 100644 --- a/packages/ui-kit/src/components/switch/Switch.tsx +++ b/packages/ui-kit/src/components/switch/Switch.tsx @@ -1,6 +1,5 @@ import { FC } from "react"; import { twMerge } from "tailwind-merge"; -import styles from "./Switch.module.scss"; export interface SwitchProps { options: [string, string]; @@ -27,7 +26,7 @@ export const Switch: FC = ({ aria-label={label} className={twMerge( "relative inline-block text-primary", - disabled ? styles.disabled : "", + disabled && "text-primaryVariant300 pointer-events-none", className )} {...restProps} @@ -44,7 +43,8 @@ export const Switch: FC = ({ {options[0]} @@ -52,7 +52,8 @@ export const Switch: FC = ({ {options[1]} From 54834878199e4c05569b06595f89910f2fbb5158 Mon Sep 17 00:00:00 2001 From: v-almonacid Date: Thu, 23 Nov 2023 09:56:18 -0300 Subject: [PATCH 3/3] v2.0.0 --- packages/frontend/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/frontend/package.json b/packages/frontend/package.json index 50301f0e..0c1a1af1 100644 --- a/packages/frontend/package.json +++ b/packages/frontend/package.json @@ -1,7 +1,7 @@ { "name": "@alphaday/frontend", "private": true, - "version": "2.0.0-rc2", + "version": "2.0.0", "type": "module", "scripts": { "prepare": "export VITE_COMMIT=$(git rev-parse --short HEAD)",