From f1f74a31b107e7a616b669142be87e853b0e8ee9 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 27 Jan 2025 01:01:49 -0500 Subject: [PATCH 01/24] minimum viable fix --- src/detail-panels/layout.jsx | 3 ++- src/detail-panels/tab-selector.jsx | 6 ++++-- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/detail-panels/layout.jsx b/src/detail-panels/layout.jsx index 7ffba88..aba10f5 100644 --- a/src/detail-panels/layout.jsx +++ b/src/detail-panels/layout.jsx @@ -80,7 +80,7 @@ export function AccountLayoutCore({ - +
+
); diff --git a/src/detail-panels/tab-selector.jsx b/src/detail-panels/tab-selector.jsx index 8f7fa60..72a6d75 100644 --- a/src/detail-panels/tab-selector.jsx +++ b/src/detail-panels/tab-selector.jsx @@ -57,7 +57,9 @@ export function TabSelector({ className, tab, onTabSelected }) {
{children}
} + label={
{children}
} {...rest} /> ); From 4dceb2022fe9ead7e4d0388c0a227deb44bf6115 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 27 Jan 2025 05:40:31 -0500 Subject: [PATCH 02/24] clean and simple --- src/detail-panels/layout.css | 72 ++++++++++-------------------- src/detail-panels/layout.jsx | 2 +- src/detail-panels/tab-selector.css | 57 ++++++++--------------- src/detail-panels/tab-selector.jsx | 47 ++++++------------- 4 files changed, 57 insertions(+), 121 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 80bc6b1..c18318b 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -50,53 +50,42 @@ pointer-events: all; opacity: 1; } + +.MuiTabs-flexContainer button{ + flex-grow:1; + min-width: 100px; + padding:10px; + border-left:black solid 1px; +} -.account-extra-info .handle-history-section { +.MuiTabs-flexContainer button:first-child{ + border-left:none; } .account-tabs-handles { grid-row: 1 / 3; grid-column: 3 / 4; - border-left: solid 1px #ededed; - background: linear-gradient(to right, #f1f1f1, #fcfcfc 0.6em); } .account-tabs-handles .MuiTab-root { min-width: 0; padding: 2em 0.8em; - margin-bottom: 0.5em; - background: linear-gradient(to right, #dfdfdf, #f3f3f3 0.4em); - box-shadow: inset -1px 0px 1px #00000059; + margin-bottom: 0.5em; } .account-tabs-handles .MuiTabs-indicator { background-color: black; } -.account-tabs-handles .MuiTab-root.Mui-selected { - background: linear-gradient(to right, #e8e5e5, #dadada 0.4em); +.account-tabs-handles .MuiTab-root.Mui-selected { color: black; } -.account-tabs-handles .MuiTab-root.tab-blocked-by { - background: linear-gradient(to right, #f7c9c1, #fde4e0 0.4em); -} - -.account-tabs-handles .MuiTab-root.tab-blocked-by.Mui-selected { - background: linear-gradient(to right, #ffccc4, #f4b6ac 0.6em); +.account-tabs-handles .MuiTab-root.tab-blocked-by.Mui-selected { color: #a02d19; } -.account-tabs-handles.selected-tab-blocked-by .MuiTabs-indicator { - background-color: #a02d19; -} - -.account-tabs-handles .MuiTab-root.tab-blocking { - background: linear-gradient(to right, #efe5b2, #fff7d1 0.6em); -} - -.account-tabs-handles .MuiTab-root.tab-blocking.Mui-selected { - background: linear-gradient(to right, #fff2af, #ffea81 0.6em); +.account-tabs-handles .MuiTab-root.tab-blocking.Mui-selected { color: #a26900; } @@ -104,15 +93,6 @@ background-color: #b87700; } -.account-tabs-handles .MuiTab-root.tab-lists { - background: linear-gradient(to right, #c5d7f9, #e9f1ff 0.6em); -} - -.account-tabs-handles .MuiTab-root.tab-lists.Mui-selected { - background: linear-gradient(to right, #c1d7ff, #a3c1f7 0.6em); - color: #27519b; -} - .account-tabs-handles.selected-tab-lists .MuiTabs-indicator { background-color: #3c68b7; } @@ -120,27 +100,19 @@ .account-tabs-content { grid-row: 1 / 3; grid-column: 2 / 3; - position: relative; - display: grid; grid-template-columns: 1fr; - grid-template-rows: 1fr; - - border-left: solid 1px #ececec; + grid-template-rows: 1fr; } .account-tabs-content .account-tab { grid-row: 1 / 2; grid-column: 1 / 2; - opacity: 0; pointer-events: none; - disabled: true; position: relative; - transition: opacity 0.1s ease-in-out; - overflow: auto; } @@ -148,8 +120,7 @@ z-index: 10; opacity: 1; pointer-events: auto; - position: relative; - disabled: false; + position: relative; } @media (max-width: 800px) { @@ -167,7 +138,6 @@ .account-header { grid-column: 1 / 3; grid-row: 1 / 2; - position: sticky; top: -7em; z-index: 20; @@ -181,7 +151,6 @@ .account-extra-info { grid-column: 1 / 3; grid-row: 2 / 3; - display: block; padding-bottom: 0; } @@ -218,6 +187,15 @@ display: block; } + .detail-container{ + display:flex; + flex-direction: column;; + margin-left:2px; + margin-right:2px; + padding-left:3px; + padding-right:3px; + } + .account-tabs-content { grid-column: 1 / 2; grid-row: 3 / 4; @@ -229,8 +207,6 @@ .account-tabs-handles { grid-column: 2 / 3; grid-row: 3 / 4; - - border-top: solid 1px #edecec; } .account-tabs-content .account-tab { diff --git a/src/detail-panels/layout.jsx b/src/detail-panels/layout.jsx index aba10f5..d9cb710 100644 --- a/src/detail-panels/layout.jsx +++ b/src/detail-panels/layout.jsx @@ -80,7 +80,7 @@ export function AccountLayoutCore({ -
+
- {localise('Blocked By', { uk: 'Блокують' })} - + ), blocking: ( - - {localise('Blocking', { uk: 'Блокує' })} - + ), lists: ( - - {localise('Lists', { uk: 'У списках' })} - + ), history: ( - - {localise('History', { uk: 'Історія' })} - + ), labeled: ( - - Labels - + ), packs:( - - {localise('Packs made', { })} - + ), packed:( - - {localise('In Packs', { })} - + ), - }; + }; return (
Bluethernal LLC
); -} - -/** @param {Omit, "children"> & { children: React.ReactNode }} param0 */ -function VerticalTab({ children, ...rest }) { - return ( - {children}
} - {...rest} - /> - ); -} +} \ No newline at end of file From d53cc02af517e61f231fc067ba52385df9c2f90f Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 27 Jan 2025 05:49:56 -0500 Subject: [PATCH 03/24] update tab-selector --- src/detail-panels/tab-selector.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/detail-panels/tab-selector.jsx b/src/detail-panels/tab-selector.jsx index 1b6cdf0..eebf30f 100644 --- a/src/detail-panels/tab-selector.jsx +++ b/src/detail-panels/tab-selector.jsx @@ -1,5 +1,3 @@ -// @ts-check - import React from 'react'; import { Tab, tabClasses, Tabs } from '@mui/material'; import { accountTabs } from './layout'; From 2907fbb8f45aa3434e2807156ff1a3b1c7db41fe Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 27 Jan 2025 07:41:19 -0500 Subject: [PATCH 04/24] more squishy --- src/detail-panels/layout.css | 35 +++++++++++++++--------------- src/detail-panels/tab-selector.css | 12 +++++----- src/detail-panels/tab-selector.jsx | 3 +-- 3 files changed, 26 insertions(+), 24 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index c18318b..7883540 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -123,6 +123,24 @@ position: relative; } +.detail-container{ + display:flex; + flex-direction: column; + min-width:300px; + margin-left:2px; + margin-right:2px; + padding-left:3px; + padding-right:3px; +} +.account-header { + grid-column: 1 / 3; + grid-row: 1 / 2; + position: sticky; + top: -7em; + z-index: 20; + background: white; +} + @media (max-width: 800px) { .layout { position: relative; @@ -135,14 +153,6 @@ grid-template-rows: auto auto 1fr; } - .account-header { - grid-column: 1 / 3; - grid-row: 1 / 2; - position: sticky; - top: -7em; - z-index: 20; - background: white; - } .account-header .info-icon { display: inline; @@ -187,15 +197,6 @@ display: block; } - .detail-container{ - display:flex; - flex-direction: column;; - margin-left:2px; - margin-right:2px; - padding-left:3px; - padding-right:3px; - } - .account-tabs-content { grid-column: 1 / 2; grid-row: 3 / 4; diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index c76fbb5..e1eb0b3 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -27,11 +27,7 @@ color:white; } -@media (max-width: 800px) { - .tab-selector-root { - top: 7.5em; - } -} + .tab-selector-root .MuiTab-root { min-width: 0; @@ -43,4 +39,10 @@ } .tab-selector-root .MuiTab-root.Mui-selected { color: black; +} + +@media (max-width: 800px) { + .tab-selector-root { + top: 7.5em; + } } \ No newline at end of file diff --git a/src/detail-panels/tab-selector.jsx b/src/detail-panels/tab-selector.jsx index eebf30f..a1ac7c7 100644 --- a/src/detail-panels/tab-selector.jsx +++ b/src/detail-panels/tab-selector.jsx @@ -45,8 +45,7 @@ export function TabSelector({ className, tab, onTabSelected }) { }} className={'tab-selector-root selected-tab-' + tab} orientation="horizontal" - variant='scrollable' - tabSelector='none' + variant='scrollable' scrollButtons='auto' style={{border:'none'}} value={accountTabs.indexOf(tab)} From c06da8e615253a5cb43ff55b101e0d9de3bd21ef Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 27 Jan 2025 08:29:23 -0500 Subject: [PATCH 05/24] tweak details --- src/detail-panels/labeled/labeled.css | 3 ++- src/detail-panels/lists/list-view.css | 1 + src/detail-panels/lists/list-view.jsx | 2 +- src/detail-panels/packs/list-packs.css | 3 ++- src/detail-panels/tab-selector.jsx | 2 +- 5 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/detail-panels/labeled/labeled.css b/src/detail-panels/labeled/labeled.css index 83898eb..5ad2a24 100644 --- a/src/detail-panels/labeled/labeled.css +++ b/src/detail-panels/labeled/labeled.css @@ -26,7 +26,7 @@ border-top: solid 1px #dbdbdb; padding-top: 0.4em; padding-left: 0.7em; - padding-right: 0.4em; + padding-right: 0.4em; } .labeled-view .labeled .row { @@ -34,6 +34,7 @@ grid-template-columns: auto 1fr; grid-template-rows: 1fr; white-space: nowrap; + max-width: 98%; } .labeled-view .labeled .labeler-name { diff --git a/src/detail-panels/lists/list-view.css b/src/detail-panels/lists/list-view.css index 8fd4525..4487a6a 100644 --- a/src/detail-panels/lists/list-view.css +++ b/src/detail-panels/lists/list-view.css @@ -17,6 +17,7 @@ grid-template-columns: auto 1fr; grid-template-rows: 1fr; white-space: nowrap; + max-width: 98%; } .lists-as-list-view .lists-entry .list-owner { diff --git a/src/detail-panels/lists/list-view.jsx b/src/detail-panels/lists/list-view.jsx index dc116e8..2802b1c 100644 --- a/src/detail-panels/lists/list-view.jsx +++ b/src/detail-panels/lists/list-view.jsx @@ -17,7 +17,7 @@ import './list-view.css'; */ export function ListView({ className, list }) { return ( -
    +
      {(list || []).map((entry, i) => ( ), labeled: ( - + ), packs:( From fd0c26c8e0db8681dca9c1064146d21bc0efa621 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Wed, 29 Jan 2025 05:22:53 -0500 Subject: [PATCH 06/24] style up , add arrows on mobile --- src/detail-panels/tab-selector.css | 6 +++--- src/detail-panels/tab-selector.jsx | 7 ++++--- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index e1eb0b3..538362e 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -1,9 +1,9 @@ .tab-outer-container { position: relative; border-radius: 20px; - margin-left:10px; - margin-right:10px; - padding:5px + margin-left:2px; + margin-right:2px; + padding:2px } .tab-selector-root { diff --git a/src/detail-panels/tab-selector.jsx b/src/detail-panels/tab-selector.jsx index 67bd86a..83124db 100644 --- a/src/detail-panels/tab-selector.jsx +++ b/src/detail-panels/tab-selector.jsx @@ -42,12 +42,13 @@ export function TabSelector({ className, tab, onTabSelected }) { Date: Thu, 30 Jan 2025 07:31:07 -0500 Subject: [PATCH 07/24] update height, font weight, opacity --- src/detail-panels/tab-selector.css | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index 538362e..8288388 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -17,13 +17,20 @@ .MuiTabs-flexContainer{ background:none; + height:40px; } .MuiTab-root { background:none; } +.account-tabs-handles .MuiTab-root{ + opacity:.8; + color:#d0d0d0; + +} .account-tabs-handles .MuiTab-root.Mui-selected{ - + opacity:1; + font-weight:600; color:white; } @@ -45,4 +52,19 @@ .tab-selector-root { top: 7.5em; } +} + +button.MuiButtonBase-root { + position: relative; + top: -10px; + height: 25px; +} + +.MuiButtonBase-root { + height: 24px; +} + +.tab-outer-container.account-tabs-handles { + height: 36px; + margin-top:5px; } \ No newline at end of file From d8bbb59a7d2746b6798f33d18c873f125557a36d Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Thu, 30 Jan 2025 07:50:56 -0500 Subject: [PATCH 08/24] align arrows --- src/detail-panels/tab-selector.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index 8288388..415b259 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -53,7 +53,10 @@ top: 7.5em; } } - +.MuiButtonBase-root svg { +position: relative ; +top: 6px ; +} button.MuiButtonBase-root { position: relative; top: -10px; From f68ef79f35ec4829804779e0418651781d21ae48 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Fri, 31 Jan 2025 05:22:19 -0500 Subject: [PATCH 09/24] Keep 'em separated --- src/detail-panels/tab-selector.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index 415b259..955f6c1 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -70,4 +70,8 @@ button.MuiButtonBase-root { .tab-outer-container.account-tabs-handles { height: 36px; margin-top:5px; + overflow: hidden; + border: solid 1px white; + margin-bottom: 2px; +} } \ No newline at end of file From c6dd091c4b17a491b2cf4f5c51311a9adfa544a2 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Sat, 1 Feb 2025 03:52:53 -0500 Subject: [PATCH 10/24] use flex, not grid. --- src/detail-panels/layout.css | 60 +++++++++--------------------- src/detail-panels/layout.jsx | 2 + src/detail-panels/tab-selector.css | 2 +- 3 files changed, 21 insertions(+), 43 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 7883540..063c797 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -4,15 +4,16 @@ top: 0; width: 100%; height: 100%; - - display: grid; - grid-template-columns: 1fr 1fr auto; - grid-template-rows: auto 1fr; + display: flex; + flex-direction:row; +} +@media (max-width: 800px) { + .layout{ + flex-direction:column; + } } -.account-title { - grid-column: 1 / 2; - grid-row: 1 / 2; +.account-title { align-self: end; } @@ -20,12 +21,7 @@ display: none; } -.account-extra-info { - grid-column: 1; - grid-row: 2; - - display: grid; - grid-template-rows: 1fr; +.account-extra-info { padding-bottom: 1em; } @@ -62,9 +58,7 @@ border-left:none; } -.account-tabs-handles { - grid-row: 1 / 3; - grid-column: 3 / 4; +.account-tabs-handles { } .account-tabs-handles .MuiTab-root { @@ -97,18 +91,12 @@ background-color: #3c68b7; } -.account-tabs-content { - grid-row: 1 / 3; - grid-column: 2 / 3; +.account-tabs-content { position: relative; - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr; + } -.account-tabs-content .account-tab { - grid-row: 1 / 2; - grid-column: 1 / 2; +.account-tabs-content .account-tab { opacity: 0; pointer-events: none; position: relative; @@ -132,9 +120,7 @@ padding-left:3px; padding-right:3px; } -.account-header { - grid-column: 1 / 3; - grid-row: 1 / 2; +.account-header { position: sticky; top: -7em; z-index: 20; @@ -147,10 +133,7 @@ left: 0; top: 0; width: 100%; - min-height: 100%; - - grid-template-columns: 1fr auto; - grid-template-rows: auto auto 1fr; + min-height: 100%; } @@ -158,9 +141,7 @@ display: inline; } - .account-extra-info { - grid-column: 1 / 3; - grid-row: 2 / 3; + .account-extra-info { display: block; padding-bottom: 0; } @@ -198,17 +179,12 @@ } .account-tabs-content { - grid-column: 1 / 2; - grid-row: 3 / 4; + border-left: none; max-height: 80em; overflow-y: scroll; } - - .account-tabs-handles { - grid-column: 2 / 3; - grid-row: 3 / 4; - } + .account-tabs-content .account-tab { overflow: unset; diff --git a/src/detail-panels/layout.jsx b/src/detail-panels/layout.jsx index d9cb710..22bddb0 100644 --- a/src/detail-panels/layout.jsx +++ b/src/detail-panels/layout.jsx @@ -71,6 +71,7 @@ export function AccountLayoutCore({ const result = ( <>
      +
      +
      Date: Sat, 1 Feb 2025 03:56:43 -0500 Subject: [PATCH 11/24] add grow --- src/detail-panels/layout.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 063c797..b7a92fc 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -119,6 +119,7 @@ margin-right:2px; padding-left:3px; padding-right:3px; + flex-grow:1; } .account-header { position: sticky; From 2b95d1e17ed80795b770722dc3b651ed1accbaaf Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Sat, 1 Feb 2025 07:46:06 -0500 Subject: [PATCH 12/24] more stabler --- src/app.jsx | 3 +-- src/detail-panels/layout.css | 7 +++++++ 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/app.jsx b/src/app.jsx index 99fba8f..31cfdb6 100644 --- a/src/app.jsx +++ b/src/app.jsx @@ -18,8 +18,7 @@ function showApp() { const root = document.createElement('div'); root.id = 'root'; root.style.cssText = ` - min-height: 100%; - display: grid; + min-height: 100%; `; document.body.appendChild(root); diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index b7a92fc..746d6a6 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -11,6 +11,13 @@ .layout{ flex-direction:column; } + + +} +@media (min-width:801px){ + .layout .account-info{ + max-width:500px; + } } .account-title { From c0e7b12ae56d2908eed21095905277ae87624917 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Sat, 1 Feb 2025 07:46:23 -0500 Subject: [PATCH 13/24] arrow alignment --- src/detail-panels/tab-selector.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index 6e52f94..62f0347 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -52,15 +52,21 @@ .tab-selector-root { top: 7.5em; } + +svg.MuiSvgIcon-root { + height: 35px; } .MuiButtonBase-root svg { -position: relative ; -top: 6px ; + position: relative; + height: inherit; + top: 7px; } + + button.MuiButtonBase-root { position: relative; top: -10px; - height: 25px; + height: auto; } .MuiButtonBase-root { From 772bffeacea089f3831b1705dd917b3e3f614b92 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Sat, 1 Feb 2025 07:50:52 -0500 Subject: [PATCH 14/24] scrollability --- src/detail-panels/layout.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 746d6a6..d4f90ca 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -100,7 +100,10 @@ .account-tabs-content { position: relative; - + border-left: none; + max-height: 80em; + overflow-y: auto; + scroll-behavior: smooth; } .account-tabs-content .account-tab { @@ -188,9 +191,7 @@ .account-tabs-content { - border-left: none; - max-height: 80em; - overflow-y: scroll; + } From 984366f4b1dde2c9362b4bae9c59b9510ed0e776 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 3 Feb 2025 08:53:10 -0500 Subject: [PATCH 15/24] rescroll --- src/detail-panels/layout.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index d4f90ca..6260a9c 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -7,6 +7,15 @@ display: flex; flex-direction:row; } +@media (min-width:801px){ + .layout { + flex-direction: row; + } + .layout .account-info{ + max-width:500px; + + } +} @media (max-width: 800px) { .layout{ flex-direction:column; @@ -14,11 +23,7 @@ } -@media (min-width:801px){ - .layout .account-info{ - max-width:500px; - } -} + .account-title { align-self: end; From a1d930ad287c7f9499eb74cc888dd3d7b2b332a4 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 3 Feb 2025 08:56:32 -0500 Subject: [PATCH 16/24] rerescroll --- src/detail-panels/layout.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 6260a9c..1bfadb6 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -20,11 +20,7 @@ .layout{ flex-direction:column; } - - } - - .account-title { align-self: end; } @@ -70,9 +66,6 @@ border-left:none; } -.account-tabs-handles { -} - .account-tabs-handles .MuiTab-root { min-width: 0; padding: 2em 0.8em; From 8fc390f83f961f631fbb367e251de7d959cabc5b Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Mon, 3 Feb 2025 08:57:14 -0500 Subject: [PATCH 17/24] unrescroll --- src/detail-panels/layout.css | 17 +---------------- 1 file changed, 1 insertion(+), 16 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 1bfadb6..ea9abcd 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -137,15 +137,6 @@ } @media (max-width: 800px) { - .layout { - position: relative; - left: 0; - top: 0; - width: 100%; - min-height: 100%; - } - - .account-header .info-icon { display: inline; } @@ -185,13 +176,7 @@ .account-extra-info.account-extra-info-reveal .handle-history-section { display: block; - } - - .account-tabs-content { - - - } - + } .account-tabs-content .account-tab { overflow: unset; From 7a828b88260ef5afef724ed715a5142174da150e Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Tue, 4 Feb 2025 06:18:29 -0500 Subject: [PATCH 18/24] more scrollfix --- src/detail-panels/layout.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index ea9abcd..5ea44df 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -5,7 +5,7 @@ width: 100%; height: 100%; display: flex; - flex-direction:row; + } @media (min-width:801px){ .layout { @@ -13,12 +13,15 @@ } .layout .account-info{ max-width:500px; + flex-grow: 1; + overflow-y: auto; } } @media (max-width: 800px) { .layout{ - flex-direction:column; + flex-direction: column; + overflow-y: scroll; } } .account-title { From 50a7a575a92c724bdd35e147d21376681da06fe7 Mon Sep 17 00:00:00 2001 From: Sean Munson Date: Tue, 4 Feb 2025 06:43:21 -0500 Subject: [PATCH 19/24] remove extra media descriptor --- src/detail-panels/layout.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 5ea44df..0eee6cd 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -18,6 +18,7 @@ } } + @media (max-width: 800px) { .layout{ flex-direction: column; @@ -139,7 +140,7 @@ background: white; } -@media (max-width: 800px) { + .account-header .info-icon { display: inline; } @@ -184,4 +185,4 @@ .account-tabs-content .account-tab { overflow: unset; } -} + From 8fad5d067ad7d6ca70c0c69c46a21aacfe005ed0 Mon Sep 17 00:00:00 2001 From: Noah Manneschmidt Date: Tue, 4 Feb 2025 09:37:41 -0800 Subject: [PATCH 20/24] add stylelint --- .github/workflows/npm.yaml | 1 + .vscode/extensions.json | 3 + package-lock.json | 1241 +++++++++++++++++++++++++++++++++++- package.json | 5 +- stylelint.config.mjs | 7 + 5 files changed, 1248 insertions(+), 9 deletions(-) create mode 100644 .vscode/extensions.json create mode 100644 stylelint.config.mjs diff --git a/.github/workflows/npm.yaml b/.github/workflows/npm.yaml index df61634..fb65788 100644 --- a/.github/workflows/npm.yaml +++ b/.github/workflows/npm.yaml @@ -17,3 +17,4 @@ jobs: - run: npm ci - run: npm run build - run: npm run typecheck + - run: npm run stylelint diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..494eea3 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["stylelint.vscode-stylelint"] +} diff --git a/package-lock.json b/package-lock.json index 936a8a1..3692cfa 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "ui", - "version": "4.10.0", + "version": "4.12.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "ui", - "version": "4.10.0", + "version": "4.12.0", "license": "ISC", "dependencies": { "@atproto/api": "^0.13.0", @@ -29,6 +29,8 @@ "devDependencies": { "@types/react-dom": "^18.3.5", "@vitejs/plugin-react": "^4.3.4", + "stylelint": "^16.14.1", + "stylelint-config-standard": "^37.0.0", "typescript": "^5", "vite": "^6.0.1" } @@ -405,6 +407,107 @@ "node": ">=6.9.0" } }, + "node_modules/@csstools/css-parser-algorithms": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz", + "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@csstools/css-tokenizer": "^3.0.3" + } + }, + "node_modules/@csstools/css-tokenizer": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz", + "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "engines": { + "node": ">=18" + } + }, + "node_modules/@csstools/media-query-list-parser": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.2.tgz", + "integrity": "sha512-EUos465uvVvMJehckATTlNqGj4UJWkTmdWuDMjqvSUkjGpmOyFZBVwb4knxCm/k2GMTXY+c/5RkdndzFYWeX5A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@csstools/css-parser-algorithms": "^3.0.4", + "@csstools/css-tokenizer": "^3.0.3" + } + }, + "node_modules/@csstools/selector-specificity": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-5.0.0.tgz", + "integrity": "sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT-0", + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "postcss-selector-parser": "^7.0.0" + } + }, + "node_modules/@dual-bundle/import-meta-resolve": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz", + "integrity": "sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==", + "dev": true, + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/@emotion/babel-plugin": { "version": "11.11.0", "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", @@ -1045,6 +1148,16 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@keyv/serialize": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/@keyv/serialize/-/serialize-1.0.2.tgz", + "integrity": "sha512-+E/LyaAeuABniD/RvUezWVXKpeuvwLEA9//nE9952zBaOdBd2mQ3pPoM8cUe2X6IcMByfuSLzmYqnYshG60+HQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "buffer": "^6.0.3" + } + }, "node_modules/@mui/base": { "version": "5.0.0-beta.32", "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.32.tgz", @@ -1330,6 +1443,44 @@ } } }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/@popperjs/core": { "version": "2.11.8", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", @@ -1827,6 +1978,59 @@ } } }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/astral-regex": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz", + "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/atomically": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/atomically/-/atomically-2.0.3.tgz", @@ -1856,6 +2060,47 @@ "npm": ">=6" } }, + "node_modules/balanced-match": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz", + "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==", + "dev": true, + "license": "MIT" + }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/browserslist": { "version": "4.24.2", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz", @@ -1889,6 +2134,42 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, + "node_modules/cacheable": { + "version": "1.8.8", + "resolved": "https://registry.npmjs.org/cacheable/-/cacheable-1.8.8.tgz", + "integrity": "sha512-OE1/jlarWxROUIpd0qGBSKFLkNsotY8pt4GeiVErUYh/NUeTNrT+SBksUgllQv4m6a0W/VZsLuiHb88maavqEw==", + "dev": true, + "license": "MIT", + "dependencies": { + "hookified": "^1.7.0", + "keyv": "^5.2.3" + } + }, "node_modules/callsites": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", @@ -1926,6 +2207,33 @@ "node": ">=6" } }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/colord": { + "version": "2.9.3", + "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz", + "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==", + "dev": true, + "license": "MIT" + }, "node_modules/conf": { "version": "12.0.0", "resolved": "https://registry.npmjs.org/conf/-/conf-12.0.0.tgz", @@ -1969,6 +2277,30 @@ "node": ">=10" } }, + "node_modules/css-functions-list": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.3.tgz", + "integrity": "sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12 || >=16" + } + }, + "node_modules/css-tree": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz", + "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==", + "dev": true, + "license": "MIT", + "dependencies": { + "mdn-data": "2.12.2", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" + } + }, "node_modules/css-vendor": { "version": "2.0.8", "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz", @@ -1978,6 +2310,19 @@ "is-in-browser": "^1.0.2" } }, + "node_modules/cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true, + "license": "MIT", + "bin": { + "cssesc": "bin/cssesc" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/csstype": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", @@ -2027,6 +2372,19 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/dir-glob": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", + "dev": true, + "license": "MIT", + "dependencies": { + "path-type": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/dom-helpers": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", @@ -2058,6 +2416,13 @@ "dev": true, "license": "ISC" }, + "node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, "node_modules/env-paths": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz", @@ -2146,17 +2511,96 @@ "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", "license": "MIT" }, + "node_modules/fast-glob": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", + "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.8" + }, + "engines": { + "node": ">=8.6.0" + } + }, "node_modules/fast-uri": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz", "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==", "license": "BSD-3-Clause" }, + "node_modules/fastest-levenshtein": { + "version": "1.0.16", + "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz", + "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4.9.1" + } + }, + "node_modules/fastq": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.0.tgz", + "integrity": "sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==", + "dev": true, + "license": "ISC", + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/file-entry-cache": { + "version": "10.0.6", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-10.0.6.tgz", + "integrity": "sha512-0wvv16mVo9nN0Md3k7DMjgAPKG/TY4F/gYMBVb/wMThFRJvzrpaqBFqF6km9wf8QfYTN+mNg5aeaBLfy8k35uA==", + "dev": true, + "license": "MIT", + "dependencies": { + "flat-cache": "^6.1.6" + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/find-root": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==" }, + "node_modules/flat-cache": { + "version": "6.1.6", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-6.1.6.tgz", + "integrity": "sha512-F+CKgSwp0pzLx67u+Zy1aCueVWFAHWbXepvXlZ+bWVTaASbm5SyCnSJ80Fp1ePEmS57wU+Bf6cx6525qtMZ4lQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "cacheable": "^1.8.8", + "flatted": "^3.3.2", + "hookified": "^1.7.0" + } + }, + "node_modules/flatted": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz", + "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==", + "dev": true, + "license": "ISC" + }, "node_modules/fsevents": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", @@ -2198,8 +2642,49 @@ "node": ">=6.9.0" } }, - "node_modules/globals": { - "version": "11.12.0", + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/global-modules": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz", + "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "global-prefix": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/global-prefix": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz", + "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ini": "^1.3.5", + "kind-of": "^6.0.2", + "which": "^1.3.1" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/globals": { + "version": "11.12.0", "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", "license": "MIT", @@ -2207,12 +2692,60 @@ "node": ">=4" } }, + "node_modules/globby": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", + "dev": true, + "license": "MIT", + "dependencies": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", + "slash": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/globby/node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/globjoin": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", + "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==", + "dev": true, + "license": "MIT" + }, "node_modules/graphemer": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", "license": "MIT" }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/hasown": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", @@ -2238,6 +2771,26 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "node_modules/hookified": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/hookified/-/hookified-1.7.0.tgz", + "integrity": "sha512-XQdMjqC1AyeOzfs+17cnIk7Wdfu1hh2JtcyNfBf5u9jHrT3iZUlGHxLTntFBuk5lwkqJ6l3+daeQdHK5yByHVA==", + "dev": true, + "license": "MIT" + }, + "node_modules/html-tags": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz", + "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/hyphenate-style-name": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz", @@ -2249,6 +2802,37 @@ "integrity": "sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==", "license": "Apache-2.0" }, + "node_modules/ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "BSD-3-Clause" + }, + "node_modules/ignore": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.3.tgz", + "integrity": "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -2264,6 +2848,23 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/ini": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", + "dev": true, + "license": "ISC" + }, "node_modules/is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", @@ -2280,6 +2881,39 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/is-in-browser": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz", @@ -2297,6 +2931,33 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true, + "license": "ISC" + }, "node_modules/iso-datestring-validator": { "version": "2.2.2", "resolved": "https://registry.npmjs.org/iso-datestring-validator/-/iso-datestring-validator-2.2.2.tgz", @@ -2330,6 +2991,19 @@ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, + "node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, "node_modules/jsesc": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", @@ -2454,6 +3128,33 @@ "jss": "10.10.0" } }, + "node_modules/keyv": { + "version": "5.2.3", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-5.2.3.tgz", + "integrity": "sha512-AGKecUfzrowabUv0bH1RIR5Vf7w+l4S3xtQAypKaUpTdIR1EbrAcTxHCrpo9Q+IWeUlFE2palRtgIQcgm+PQJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@keyv/serialize": "^1.0.2" + } + }, + "node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/known-css-properties": { + "version": "0.35.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.35.0.tgz", + "integrity": "sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==", + "dev": true, + "license": "MIT" + }, "node_modules/kysely": { "version": "0.27.4", "resolved": "https://registry.npmjs.org/kysely/-/kysely-0.27.4.tgz", @@ -2468,6 +3169,13 @@ "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==" }, + "node_modules/lodash.truncate": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz", + "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==", + "dev": true, + "license": "MIT" + }, "node_modules/loose-envify": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", @@ -2489,6 +3197,61 @@ "yallist": "^3.0.2" } }, + "node_modules/mathml-tag-names": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", + "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", + "dev": true, + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/mdn-data": { + "version": "2.12.2", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz", + "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==", + "dev": true, + "license": "CC0-1.0" + }, + "node_modules/meow": { + "version": "13.2.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz", + "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, "node_modules/mimic-fn": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", @@ -2539,6 +3302,16 @@ "dev": true, "license": "MIT" }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", @@ -2611,10 +3384,23 @@ "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", "license": "ISC" }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/postcss": { - "version": "8.4.49", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", - "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", + "version": "8.5.1", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz", + "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==", "dev": true, "funding": [ { @@ -2632,7 +3418,7 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.7", + "nanoid": "^3.3.8", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -2640,6 +3426,61 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/postcss-resolve-nested-selector": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.6.tgz", + "integrity": "sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==", + "dev": true, + "license": "MIT" + }, + "node_modules/postcss-safe-parser": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz", + "integrity": "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "engines": { + "node": ">=18.0" + }, + "peerDependencies": { + "postcss": "^8.4.31" + } + }, + "node_modules/postcss-selector-parser": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz", + "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true, + "license": "MIT" + }, "node_modules/prop-types": { "version": "15.8.1", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", @@ -2664,6 +3505,27 @@ "node": ">=0.10" } }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, "node_modules/react": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", @@ -2796,6 +3658,17 @@ "node": ">= 4" } }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "license": "MIT", + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, "node_modules/rollup": { "version": "4.28.1", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.28.1.tgz", @@ -2835,6 +3708,30 @@ "fsevents": "~2.3.2" } }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, "node_modules/scheduler": { "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", @@ -2855,6 +3752,47 @@ "node": ">=10" } }, + "node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/slice-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz", + "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "astral-regex": "^2.0.0", + "is-fullwidth-code-point": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/slice-ansi?sponsor=1" + } + }, "node_modules/source-map": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", @@ -2873,16 +3811,233 @@ "node": ">=0.10.0" } }, + "node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/stubborn-fs": { "version": "1.2.5", "resolved": "https://registry.npmjs.org/stubborn-fs/-/stubborn-fs-1.2.5.tgz", "integrity": "sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==" }, + "node_modules/stylelint": { + "version": "16.14.1", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.14.1.tgz", + "integrity": "sha512-oqCL7AC3786oTax35T/nuLL8p2C3k/8rHKAooezrPGRvUX0wX+qqs5kMWh5YYT4PHQgVDobHT4tw55WgpYG6Sw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], + "license": "MIT", + "dependencies": { + "@csstools/css-parser-algorithms": "^3.0.4", + "@csstools/css-tokenizer": "^3.0.3", + "@csstools/media-query-list-parser": "^4.0.2", + "@csstools/selector-specificity": "^5.0.0", + "@dual-bundle/import-meta-resolve": "^4.1.0", + "balanced-match": "^2.0.0", + "colord": "^2.9.3", + "cosmiconfig": "^9.0.0", + "css-functions-list": "^3.2.3", + "css-tree": "^3.1.0", + "debug": "^4.3.7", + "fast-glob": "^3.3.3", + "fastest-levenshtein": "^1.0.16", + "file-entry-cache": "^10.0.5", + "global-modules": "^2.0.0", + "globby": "^11.1.0", + "globjoin": "^0.1.4", + "html-tags": "^3.3.1", + "ignore": "^7.0.3", + "imurmurhash": "^0.1.4", + "is-plain-object": "^5.0.0", + "known-css-properties": "^0.35.0", + "mathml-tag-names": "^2.1.3", + "meow": "^13.2.0", + "micromatch": "^4.0.8", + "normalize-path": "^3.0.0", + "picocolors": "^1.1.1", + "postcss": "^8.5.1", + "postcss-resolve-nested-selector": "^0.1.6", + "postcss-safe-parser": "^7.0.1", + "postcss-selector-parser": "^7.0.0", + "postcss-value-parser": "^4.2.0", + "resolve-from": "^5.0.0", + "string-width": "^4.2.3", + "supports-hyperlinks": "^3.1.0", + "svg-tags": "^1.0.0", + "table": "^6.9.0", + "write-file-atomic": "^5.0.1" + }, + "bin": { + "stylelint": "bin/stylelint.mjs" + }, + "engines": { + "node": ">=18.12.0" + } + }, + "node_modules/stylelint-config-recommended": { + "version": "15.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-15.0.0.tgz", + "integrity": "sha512-9LejMFsat7L+NXttdHdTq94byn25TD+82bzGRiV1Pgasl99pWnwipXS5DguTpp3nP1XjvLXVnEJIuYBfsRjRkA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], + "license": "MIT", + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.13.0" + } + }, + "node_modules/stylelint-config-standard": { + "version": "37.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-37.0.0.tgz", + "integrity": "sha512-+6eBlbSTrOn/il2RlV0zYGQwRTkr+WtzuVSs1reaWGObxnxLpbcspCUYajVQHonVfxVw2U+h42azGhrBvcg8OA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], + "license": "MIT", + "dependencies": { + "stylelint-config-recommended": "^15.0.0" + }, + "engines": { + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.13.0" + } + }, + "node_modules/stylelint/node_modules/cosmiconfig": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", + "dev": true, + "license": "MIT", + "dependencies": { + "env-paths": "^2.2.1", + "import-fresh": "^3.3.0", + "js-yaml": "^4.1.0", + "parse-json": "^5.2.0" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/stylelint/node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/stylelint/node_modules/resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/stylis": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/supports-hyperlinks": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.2.0.tgz", + "integrity": "sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0", + "supports-color": "^7.0.0" + }, + "engines": { + "node": ">=14.18" + }, + "funding": { + "url": "https://github.com/chalk/supports-hyperlinks?sponsor=1" + } + }, "node_modules/supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -2894,6 +4049,29 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/svg-tags": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", + "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==", + "dev": true + }, + "node_modules/table": { + "version": "6.9.0", + "resolved": "https://registry.npmjs.org/table/-/table-6.9.0.tgz", + "integrity": "sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "ajv": "^8.0.1", + "lodash.truncate": "^4.4.2", + "slice-ansi": "^4.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=10.0.0" + } + }, "node_modules/tiny-warning": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", @@ -2907,6 +4085,19 @@ "tlds": "bin.js" } }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, "node_modules/type-fest": { "version": "3.13.1", "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz", @@ -2985,6 +4176,13 @@ "browserslist": ">= 4.21.0" } }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true, + "license": "MIT" + }, "node_modules/vite": { "version": "6.0.11", "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.11.tgz", @@ -3062,6 +4260,33 @@ "resolved": "https://registry.npmjs.org/when-exit/-/when-exit-2.1.3.tgz", "integrity": "sha512-uVieSTccFIr/SFQdFWN/fFaQYmV37OKtuaGphMAzi4DmmUlrvRBJW5WSLkHyjNQY/ePJMz3LoiX9R3yy1Su6Hw==" }, + "node_modules/which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "which": "bin/which" + } + }, + "node_modules/write-file-atomic": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz", + "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", + "dev": true, + "license": "ISC", + "dependencies": { + "imurmurhash": "^0.1.4", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", diff --git a/package.json b/package.json index 07e612d..60e6250 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,8 @@ "start": "vite --open", "preview": "vite preview --open", "build": "BUILD_COMMIT_HASH=\"$(git describe --always --dirty)\" vite build", - "typecheck": "tsc --noEmit" + "typecheck": "tsc --noEmit", + "stylelint": "stylelint \"src/**/*.css\"" }, "keywords": [], "author": "", @@ -35,6 +36,8 @@ "devDependencies": { "@types/react-dom": "^18.3.5", "@vitejs/plugin-react": "^4.3.4", + "stylelint": "^16.14.1", + "stylelint-config-standard": "^37.0.0", "typescript": "^5", "vite": "^6.0.1" } diff --git a/stylelint.config.mjs b/stylelint.config.mjs new file mode 100644 index 0000000..7f293c9 --- /dev/null +++ b/stylelint.config.mjs @@ -0,0 +1,7 @@ +/** @type {import('stylelint').Config} */ +export default { + extends: ['stylelint-config-standard'], + rules: { + 'selector-class-pattern': null, + }, +}; From a39d95ab02035752c9fad39fdbdd299a84069c0c Mon Sep 17 00:00:00 2001 From: Noah Manneschmidt Date: Tue, 4 Feb 2025 09:56:27 -0800 Subject: [PATCH 21/24] apply stylelint auto-fixes --- src/app.css | 2 +- src/common-components/mini-account-info.css | 2 +- .../account-header/account-header.css | 9 ++-- .../handle-history/pds-name.css | 42 +++++++++---------- .../block-panel-generic.css | 3 +- src/detail-panels/history/history-panel.css | 4 +- .../history/history-scrollable-list.css | 2 +- .../history/post/render-post.css | 9 +--- src/detail-panels/history/search-header.css | 2 +- src/detail-panels/labeled/labeled.css | 2 +- src/detail-panels/layout.css | 8 +++- src/detail-panels/packs/list-packs.css | 9 +++- src/detail-panels/tab-selector.css | 9 +++- src/landing/about/about.css | 6 +-- src/landing/home-stats/home-stats-table.css | 3 +- .../home-stats/infographics/face-svg.css | 2 +- .../infographics/network-circle.css | 7 ++-- .../home-stats/infographics/top-list.css | 2 +- src/landing/home.css | 16 ++++--- .../search-autocomplete.css | 2 +- 20 files changed, 72 insertions(+), 69 deletions(-) diff --git a/src/app.css b/src/app.css index ef240df..6b79e0d 100644 --- a/src/app.css +++ b/src/app.css @@ -7,5 +7,5 @@ pointer-events: none; writing-mode: vertical-rl; font-weight: bold; - text-shadow: 0 0 1px currentColor; + text-shadow: 0 0 1px currentcolor; } \ No newline at end of file diff --git a/src/common-components/mini-account-info.css b/src/common-components/mini-account-info.css index 5c2740e..46805f7 100644 --- a/src/common-components/mini-account-info.css +++ b/src/common-components/mini-account-info.css @@ -1,4 +1,4 @@ -@import './account-info-shared.css'; +@import url('./account-info-shared.css'); .mini-account-info h3 { font-size: inherit; diff --git a/src/detail-panels/account-header/account-header.css b/src/detail-panels/account-header/account-header.css index c044cb9..3ca3ed8 100644 --- a/src/detail-panels/account-header/account-header.css +++ b/src/detail-panels/account-header/account-header.css @@ -1,4 +1,4 @@ -@import '../../common-components/account-info-shared.css'; +@import url('../../common-components/account-info-shared.css'); .account-close-button { float: left; @@ -10,7 +10,6 @@ text-shadow: -1px -1px 2px #00000075, 1px 2px 2px #00000075, -1px 1px 2px #00000075, 1px -1px 2px #00000075; font-size: 80%; - position: sticky; top: -0.1em; padding: 0.2em 0.6em; @@ -19,7 +18,7 @@ } .account-close-button:hover { - background: rgba(255, 255, 255, 0.325); + background: rgb(255 255 255 / 32.5%); box-shadow: 0 0 25px #ffffffde; } @@ -42,7 +41,7 @@ margin-left: 0.5em; } -.account-avatar-and-displayName-line .history-toggle .info-icon:before { +.account-avatar-and-displayName-line .history-toggle .info-icon::before { content: ' '; background: #969696; border: solid 1px #8a8a8a; @@ -55,7 +54,7 @@ right: 0; } -.account-avatar-and-displayName-line .history-toggle .info-icon:after { +.account-avatar-and-displayName-line .history-toggle .info-icon::after { position: relative; content: 'i'; color: white; diff --git a/src/detail-panels/account-header/handle-history/pds-name.css b/src/detail-panels/account-header/handle-history/pds-name.css index 838a789..3520eb8 100644 --- a/src/detail-panels/account-header/handle-history/pds-name.css +++ b/src/detail-panels/account-header/handle-history/pds-name.css @@ -21,27 +21,27 @@ transform: rotate(-1deg); } -.pds-image-icon.agaric { background-image: url(mushrooms/agaric.png) } -.pds-image-icon.enoki { background-image: url(mushrooms/enoki.png) } -.pds-image-icon.inkcap { background-image: url(mushrooms/inkcap.png) } -.pds-image-icon.porcini { background-image: url(mushrooms/porcini.png) } -.pds-image-icon.morel { background-image: url(mushrooms/morel.png) } -.pds-image-icon.shimeji { background-image: url(mushrooms/shimeji.png) } -.pds-image-icon.puffball { background-image: url(mushrooms/puffball.png) } -.pds-image-icon.oyster { background-image: url(mushrooms/oyster.png) } -.pds-image-icon.amanita { background-image: url(mushrooms/amanita.png) } -.pds-image-icon.lionsmane { background-image: url(mushrooms/lionsmane.png) } -.pds-image-icon.shiitake { background-image: url(mushrooms/shiitake.png) } -.pds-image-icon.hydnum { background-image: url(mushrooms/hydnum.png) } -.pds-image-icon.conocybe { background-image: url(mushrooms/conocybe.png) } -.pds-image-icon.russula { background-image: url(mushrooms/russula.png) } -.pds-image-icon.verpa { background-image: url(mushrooms/verpa.png) } -.pds-image-icon.blewit { background-image: url(mushrooms/blewit.png) } -.pds-image-icon.maitake { background-image: url(mushrooms/maitake.png) } -.pds-image-icon.chaga { background-image: url(mushrooms/chaga.png) } -.pds-image-icon.lepista { background-image: url(mushrooms/lepista.png) } -.pds-image-icon.agaric { background-image: url(mushrooms/agaric.png) } -.pds-image-icon.boletus { background-image: url(mushrooms/boletus.png) } +.pds-image-icon.agaric { background-image: url("mushrooms/agaric.png") } +.pds-image-icon.enoki { background-image: url("mushrooms/enoki.png") } +.pds-image-icon.inkcap { background-image: url("mushrooms/inkcap.png") } +.pds-image-icon.porcini { background-image: url("mushrooms/porcini.png") } +.pds-image-icon.morel { background-image: url("mushrooms/morel.png") } +.pds-image-icon.shimeji { background-image: url("mushrooms/shimeji.png") } +.pds-image-icon.puffball { background-image: url("mushrooms/puffball.png") } +.pds-image-icon.oyster { background-image: url("mushrooms/oyster.png") } +.pds-image-icon.amanita { background-image: url("mushrooms/amanita.png") } +.pds-image-icon.lionsmane { background-image: url("mushrooms/lionsmane.png") } +.pds-image-icon.shiitake { background-image: url("mushrooms/shiitake.png") } +.pds-image-icon.hydnum { background-image: url("mushrooms/hydnum.png") } +.pds-image-icon.conocybe { background-image: url("mushrooms/conocybe.png") } +.pds-image-icon.russula { background-image: url("mushrooms/russula.png") } +.pds-image-icon.verpa { background-image: url("mushrooms/verpa.png") } +.pds-image-icon.blewit { background-image: url("mushrooms/blewit.png") } +.pds-image-icon.maitake { background-image: url("mushrooms/maitake.png") } +.pds-image-icon.chaga { background-image: url("mushrooms/chaga.png") } +.pds-image-icon.lepista { background-image: url("mushrooms/lepista.png") } +.pds-image-icon.agaric { background-image: url("mushrooms/agaric.png") } +.pds-image-icon.boletus { background-image: url("mushrooms/boletus.png") } .pds-name-and-icon { white-space: nowrap; diff --git a/src/detail-panels/block-panel-generic/block-panel-generic.css b/src/detail-panels/block-panel-generic/block-panel-generic.css index fc24622..b84d2a3 100644 --- a/src/detail-panels/block-panel-generic/block-panel-generic.css +++ b/src/detail-panels/block-panel-generic/block-panel-generic.css @@ -36,7 +36,7 @@ padding-bottom: 0; } -@media (max-width: 800px) { +@media (width <= 800px) { .block-panel-generic .history-header { top: 6em; } @@ -84,7 +84,6 @@ li.blocking-list-entry:nth-child(even) { background-size: cover; color: transparent; border-radius: 200%; - display: inline-block; width: 1.5em; height: 1.5em; diff --git a/src/detail-panels/history/history-panel.css b/src/detail-panels/history/history-panel.css index d2459a8..57d34cf 100644 --- a/src/detail-panels/history/history-panel.css +++ b/src/detail-panels/history/history-panel.css @@ -24,10 +24,10 @@ display: inline-block; width: 50%; background: white; - border: solid 1px #cccccc; + border: solid 1px #ccc; border-radius: 0.5em; box-shadow: 5px 4px 9px #0000003d; - padding: 1em 1em; + padding: 1em; } .obscure-public-records-caption { diff --git a/src/detail-panels/history/history-scrollable-list.css b/src/detail-panels/history/history-scrollable-list.css index 52a20f2..fed767b 100644 --- a/src/detail-panels/history/history-scrollable-list.css +++ b/src/detail-panels/history/history-scrollable-list.css @@ -1,5 +1,5 @@ .history-post-entry { - padding: 1em 1em; + padding: 1em; position: relative; } diff --git a/src/detail-panels/history/post/render-post.css b/src/detail-panels/history/post/render-post.css index 6de0838..ad2f369 100644 --- a/src/detail-panels/history/post/render-post.css +++ b/src/detail-panels/history/post/render-post.css @@ -2,9 +2,6 @@ } .post-with-content .post-header { - margin: 0; - padding: 0; - white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -19,7 +16,6 @@ background-size: cover; color: transparent; border-radius: 200%; - display: inline-block; width: 1.5em; height: 1.5em; @@ -93,7 +89,7 @@ .post-with-content .post-content-embed .post-content-embed-image { width: 100%; border-radius: 0.8em; - box-shadow: 0px 0px 1px black; + box-shadow: 0 0 1px black; } .post-with-content .post-content-embed .post-embed-external .post-embed-external-thumb { @@ -101,7 +97,7 @@ height: 12em; margin-top: 0.4em; border-radius: 0.8em; - box-shadow: 0px 0px 1px black; + box-shadow: 0 0 1px black; } .post-with-content .post-content-embed .post-content-embed-qt, @@ -119,7 +115,6 @@ margin: 0; margin-top: 0.45em; padding: 0; - white-space: pre-wrap; } diff --git a/src/detail-panels/history/search-header.css b/src/detail-panels/history/search-header.css index 22fe5c2..5996965 100644 --- a/src/detail-panels/history/search-header.css +++ b/src/detail-panels/history/search-header.css @@ -8,7 +8,7 @@ padding-top: 0.25em; } -@media (max-width: 800px) { +@media (width <= 800px) { .history-header { /* top: 5em; */ padding-top: 0; diff --git a/src/detail-panels/labeled/labeled.css b/src/detail-panels/labeled/labeled.css index 5ad2a24..6cc6990 100644 --- a/src/detail-panels/labeled/labeled.css +++ b/src/detail-panels/labeled/labeled.css @@ -1,8 +1,8 @@ .labeled-panel{ - margin: 0.5em 0; } + .labeled-header, .labeled-view { padding: 0.7em 0.5em; margin: 0; diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index 0eee6cd..f2bfde3 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -7,10 +7,12 @@ display: flex; } -@media (min-width:801px){ + +@media (width >=801px){ .layout { flex-direction: row; } + .layout .account-info{ max-width:500px; flex-grow: 1; @@ -19,12 +21,13 @@ } } -@media (max-width: 800px) { +@media (width <= 800px) { .layout{ flex-direction: column; overflow-y: scroll; } } + .account-title { align-self: end; } @@ -133,6 +136,7 @@ padding-right:3px; flex-grow:1; } + .account-header { position: sticky; top: -7em; diff --git a/src/detail-panels/packs/list-packs.css b/src/detail-panels/packs/list-packs.css index 8948b59..49c6b13 100644 --- a/src/detail-panels/packs/list-packs.css +++ b/src/detail-panels/packs/list-packs.css @@ -3,16 +3,19 @@ ul{ margin:none; text-decoration:none; } + a{ text-decoration:none; color:black; text-decoration-color: black; } + .pack-add-date{ width:20%; text-align: right; } + .pack-name{ width:80%; } @@ -20,6 +23,7 @@ a{ a:hover{ text-decoration:underline; } + .account-short-entry-avatar{ background: no-repeat center center; background-size: cover; @@ -30,13 +34,14 @@ a:hover{ height: 1.5em; margin-right: 0.25em; } + .pack-entry{ display:flex; flex-direction: column; padding-bottom:3px; padding-top:2px; height:auto; - margin-left:0px; + margin-left:0; width: 98%; white-space: normal; word-wrap: break-word; @@ -57,13 +62,13 @@ a:hover{ padding-left:25px; opacity:.5; } + .pack-entry:nth-child(even){ background-color: #0000000a; background-image: linear-gradient(to top, #00000024, transparent 1px), linear-gradient(to bottom, #0000000a, transparent 1px); } .pack-creator-avatar{ - background-size: cover; display: inline-block; width: 1.5em; diff --git a/src/detail-panels/tab-selector.css b/src/detail-panels/tab-selector.css index 62f0347..2661c18 100644 --- a/src/detail-panels/tab-selector.css +++ b/src/detail-panels/tab-selector.css @@ -19,15 +19,18 @@ background:none; height:40px; } + .MuiTab-root { background:none; } + .account-tabs-handles .MuiTab-root{ opacity:.8; color:#d0d0d0; } + .account-tabs-handles .MuiTab-root.Mui-selected{ opacity:1; font-weight:600; @@ -41,14 +44,16 @@ padding: 1em 0.4em; margin-bottom: 0.5em; } + .tab-selector-root .MuiTabs-indicator { background-color: black; } + .tab-selector-root .MuiTab-root.Mui-selected { color: black; } -@media (max-width: 800px) { +@media (width <= 800px) { .tab-selector-root { top: 7.5em; } @@ -56,6 +61,7 @@ svg.MuiSvgIcon-root { height: 35px; } + .MuiButtonBase-root svg { position: relative; height: inherit; @@ -81,3 +87,4 @@ button.MuiButtonBase-root { margin-bottom: 2px; min-height:36px; } +} \ No newline at end of file diff --git a/src/landing/about/about.css b/src/landing/about/about.css index 9b0fd24..615c7f0 100644 --- a/src/landing/about/about.css +++ b/src/landing/about/about.css @@ -24,8 +24,7 @@ .about .corner-buttons { grid-column: 1 / 2; grid-row: 1 / 2; - align-self: start; - justify-self: end; + place-self: start end; position: relative; } @@ -34,13 +33,12 @@ } .about .corner-buttons .about-button-icon { - font-weight: 900; position: absolute; right: 0.2em; top: 0; text-transform: none; font-weight: 900; - font-family: Times New Roman, Serif; + font-family: "Times New Roman", serif; font-style: italic; color: black; padding-right: 0.5em; diff --git a/src/landing/home-stats/home-stats-table.css b/src/landing/home-stats/home-stats-table.css index 565f7f2..6629d73 100644 --- a/src/landing/home-stats/home-stats-table.css +++ b/src/landing/home-stats/home-stats-table.css @@ -6,7 +6,6 @@ position: absolute; left: 0; top: 0; width: 100%; height: 100%; - display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto 1fr; @@ -55,7 +54,7 @@ padding: 10px; } -@media (max-width: 1655px) { +@media (width <= 1655px) { .MuiTabs-scrollButtons.Mui-disabled { opacity: 0.3; } diff --git a/src/landing/home-stats/infographics/face-svg.css b/src/landing/home-stats/infographics/face-svg.css index cab783b..067df8d 100644 --- a/src/landing/home-stats/infographics/face-svg.css +++ b/src/landing/home-stats/infographics/face-svg.css @@ -2,5 +2,5 @@ width: 1em; height: 1em; font-size: 24px; - fill: currentColor + fill: currentcolor } \ No newline at end of file diff --git a/src/landing/home-stats/infographics/network-circle.css b/src/landing/home-stats/infographics/network-circle.css index 68b7a3f..e1fa4ea 100644 --- a/src/landing/home-stats/infographics/network-circle.css +++ b/src/landing/home-stats/infographics/network-circle.css @@ -27,8 +27,7 @@ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; - align-items: end; - justify-items: end; + place-items: end end; padding-right: 26%; } @@ -49,7 +48,7 @@ border: solid 2px #717171; padding: 0.1em 0.7em; border-radius: 0.5em; - box-shadow: 0px 0px 0px 4px white; + box-shadow: 0 0 0 4px white; text-align: left; } @@ -75,7 +74,7 @@ border: solid 2px #b4b4b4; padding: 0.2em 0.7em; border-radius: 0.5em; - box-shadow: 0px 0px 0px 4px white; + box-shadow: 0 0 0 4px white; text-align: left; color: #626262; } diff --git a/src/landing/home-stats/infographics/top-list.css b/src/landing/home-stats/infographics/top-list.css index 74e06f2..be37180 100644 --- a/src/landing/home-stats/infographics/top-list.css +++ b/src/landing/home-stats/infographics/top-list.css @@ -7,7 +7,7 @@ text-align: right; } -@media (max-width: 500px) { +@media (width <= 500px) { .top-list { width: 21em; } diff --git a/src/landing/home.css b/src/landing/home.css index 25ea002..7153e74 100644 --- a/src/landing/home.css +++ b/src/landing/home.css @@ -4,13 +4,12 @@ top: 50px; width: 100%; height: calc(100% - 50px); - display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto 1fr; } -@media (max-width: 800px) { +@media (width <= 800px) { .home { display: grid; grid-template-columns: 1fr; @@ -22,7 +21,6 @@ grid-column: 1 / 2; grid-row: 1 / 2; margin: 0.5em; - display: flex; flex-direction: column; justify-content: flex-end; @@ -72,13 +70,13 @@ align-self: unset; } -@media (max-width: 950px) { +@media (width <= 950px) { .home-stats .network-circle { zoom: 0.8; } } -@media (max-width: 800px) { +@media (width <= 800px) { .home { transition: transform 0.5s ease-in-out; } @@ -120,25 +118,25 @@ } } -@media (max-width: 500px) { +@media (width <= 500px) { .home-stats .network-circle { zoom: 0.8; } } -@media (max-width: 410px) { +@media (width <= 410px) { .home-stats .network-circle { zoom: 0.75; } } -@media (max-width: 385px) { +@media (width <= 385px) { .home-stats .network-circle { zoom: 0.7; } } -@media (max-width: 365px) { +@media (width <= 365px) { .home-stats .network-circle { zoom: 0.6; } diff --git a/src/landing/search-autocomplete/search-autocomplete.css b/src/landing/search-autocomplete/search-autocomplete.css index cc0bad5..9a4b1d8 100644 --- a/src/landing/search-autocomplete/search-autocomplete.css +++ b/src/landing/search-autocomplete/search-autocomplete.css @@ -13,7 +13,6 @@ width: 2em; border-radius: 200%; margin-right: 0.5em; - color: cornflowerblue; transform: scale(1.5); } @@ -28,6 +27,7 @@ .search-entry .search-entry-display-name-space { width: 0.4em; } + .search-entry .search-entry-display-name { color: gray; } From 26da3fbddf6630d1665dc69904d1cb0e877b5ffe Mon Sep 17 00:00:00 2001 From: Noah Manneschmidt Date: Tue, 4 Feb 2025 10:07:24 -0800 Subject: [PATCH 22/24] apply manual css lint fixes --- src/common-components/account-info-shared.css | 7 +- src/common-components/account-short-entry.css | 1 - .../handle-history/handle-history.css | 3 +- .../handle-history/pds-name.css | 1 - .../history/post/render-post.css | 3 - src/detail-panels/layout.css | 136 +++++++--------- src/detail-panels/packs/list-packs.css | 101 ++++++------ src/detail-panels/packs/packs.css | 0 src/detail-panels/packs/packs.jsx | 151 ++++++++++-------- src/landing/home-stats/home-stats-main.css | 15 +- 10 files changed, 206 insertions(+), 212 deletions(-) delete mode 100644 src/detail-panels/packs/packs.css diff --git a/src/common-components/account-info-shared.css b/src/common-components/account-info-shared.css index 0b5e050..5d0e1c4 100644 --- a/src/common-components/account-info-shared.css +++ b/src/common-components/account-info-shared.css @@ -23,11 +23,12 @@ width: 2em; height: 2em; border-radius: 200%; - background: white; + background-color: white; margin-right: 0.5em; margin-left: 0.5em; - background: no-repeat center center; background-size: cover; + background-repeat: no-repeat; + background-position: center center; border: solid 0.07em white; } @@ -57,7 +58,7 @@ } .account-avatar-and-displayName-line .account-handle .account-handle-at-empty { - min-width:100px; + min-width: 100px; } .account-avatar-and-displayName-line .account-place-number { diff --git a/src/common-components/account-short-entry.css b/src/common-components/account-short-entry.css index b648331..652991b 100644 --- a/src/common-components/account-short-entry.css +++ b/src/common-components/account-short-entry.css @@ -32,6 +32,5 @@ 0% { transform: rotateY(0deg); } 96% { transform: rotateY(0deg); } 98% { transform: rotateY(90deg); } - 98% { transform: rotateY(-90deg); } 100% { transform: rotateY(0deg); } } \ No newline at end of file diff --git a/src/detail-panels/account-header/handle-history/handle-history.css b/src/detail-panels/account-header/handle-history/handle-history.css index 910bf7f..13cee2e 100644 --- a/src/detail-panels/account-header/handle-history/handle-history.css +++ b/src/detail-panels/account-header/handle-history/handle-history.css @@ -20,8 +20,7 @@ color: cornflowerblue; word-wrap: break-word; white-space: normal; - word-break: break-word; - overflow-wrap: break-word; + overflow-wrap: anywhere; } .handle-history-handle .handle-at-sign { diff --git a/src/detail-panels/account-header/handle-history/pds-name.css b/src/detail-panels/account-header/handle-history/pds-name.css index 3520eb8..c7b9a41 100644 --- a/src/detail-panels/account-header/handle-history/pds-name.css +++ b/src/detail-panels/account-header/handle-history/pds-name.css @@ -40,7 +40,6 @@ .pds-image-icon.maitake { background-image: url("mushrooms/maitake.png") } .pds-image-icon.chaga { background-image: url("mushrooms/chaga.png") } .pds-image-icon.lepista { background-image: url("mushrooms/lepista.png") } -.pds-image-icon.agaric { background-image: url("mushrooms/agaric.png") } .pds-image-icon.boletus { background-image: url("mushrooms/boletus.png") } .pds-name-and-icon { diff --git a/src/detail-panels/history/post/render-post.css b/src/detail-panels/history/post/render-post.css index ad2f369..c3aa2ec 100644 --- a/src/detail-panels/history/post/render-post.css +++ b/src/detail-panels/history/post/render-post.css @@ -1,6 +1,3 @@ -.post-with-content { -} - .post-with-content .post-header { white-space: nowrap; overflow: hidden; diff --git a/src/detail-panels/layout.css b/src/detail-panels/layout.css index f2bfde3..b3b883f 100644 --- a/src/detail-panels/layout.css +++ b/src/detail-panels/layout.css @@ -4,47 +4,48 @@ top: 0; width: 100%; height: 100%; - display: flex; - + display: flex; } -@media (width >=801px){ +@media (width >=801px) { .layout { flex-direction: row; } - .layout .account-info{ - max-width:500px; + .layout .account-info { + max-width: 500px; flex-grow: 1; overflow-y: auto; - } } @media (width <= 800px) { - .layout{ + .layout { flex-direction: column; overflow-y: scroll; } } -.account-title { +.account-title { align-self: end; } .account-header .info-icon { - display: none; + display: inline; } -.account-extra-info { - padding-bottom: 1em; +.account-extra-info { + display: block; + padding-bottom: 0; } .account-extra-info .did-section { - margin-top: 1em; - padding-top: 1em; padding-left: 1em; padding-bottom: 1em; + display: none; + padding-top: 0; + margin-top: 0; + border-top: 0; } .account-extra-info .did-section .copy-did { @@ -61,37 +62,37 @@ pointer-events: all; opacity: 1; } - -.MuiTabs-flexContainer button{ - flex-grow:1; + +.MuiTabs-flexContainer button { + flex-grow: 1; min-width: 100px; - padding:10px; - border-left:black solid 1px; + padding: 10px; + border-left: black solid 1px; } -.MuiTabs-flexContainer button:first-child{ - border-left:none; +.MuiTabs-flexContainer button:first-child { + border-left: none; } .account-tabs-handles .MuiTab-root { min-width: 0; padding: 2em 0.8em; - margin-bottom: 0.5em; + margin-bottom: 0.5em; } .account-tabs-handles .MuiTabs-indicator { background-color: black; } -.account-tabs-handles .MuiTab-root.Mui-selected { +.account-tabs-handles .MuiTab-root.Mui-selected { color: black; } -.account-tabs-handles .MuiTab-root.tab-blocked-by.Mui-selected { +.account-tabs-handles .MuiTab-root.tab-blocked-by.Mui-selected { color: #a02d19; } -.account-tabs-handles .MuiTab-root.tab-blocking.Mui-selected { +.account-tabs-handles .MuiTab-root.tab-blocking.Mui-selected { color: #a26900; } @@ -103,7 +104,7 @@ background-color: #3c68b7; } -.account-tabs-content { +.account-tabs-content { position: relative; border-left: none; max-height: 80em; @@ -111,82 +112,59 @@ scroll-behavior: smooth; } -.account-tabs-content .account-tab { +.account-tabs-content .account-tab { opacity: 0; pointer-events: none; position: relative; transition: opacity 0.1s ease-in-out; - overflow: auto; } .account-tabs-content .account-tab-selected { z-index: 10; opacity: 1; pointer-events: auto; - position: relative; + position: relative; } -.detail-container{ - display:flex; +.detail-container { + display: flex; flex-direction: column; - min-width:300px; - margin-left:2px; - margin-right:2px; - padding-left:3px; - padding-right:3px; - flex-grow:1; + min-width: 300px; + margin-left: 2px; + margin-right: 2px; + padding-left: 3px; + padding-right: 3px; + flex-grow: 1; } -.account-header { +.account-header { position: sticky; top: -7em; z-index: 20; background: white; } +.account-extra-info.account-extra-info-reveal { + background: #f6f6f6; + border-top: solid 1px #ececec; + border-bottom: solid 1px #ececec; + font-size: 90%; + padding-bottom: 0.6em; + padding-top: 0.4em; +} - .account-header .info-icon { - display: inline; - } - - .account-extra-info { - display: block; - padding-bottom: 0; - } - - .account-extra-info.account-extra-info-reveal { - background: #f6f6f6; - border-top: solid 1px #ececec; - border-bottom: solid 1px #ececec; - font-size: 90%; - padding-bottom: 0.6em; - padding-top: 0.4em; - } - - .account-extra-info .did-section { - display: none; - padding-top: 0; - margin-top: 0; - border-top: 0; - } - - .account-extra-info .handle-history-section { - display: none; - } - - .account-extra-info.account-extra-info-reveal .bio-section { - display: none; - } - - .account-extra-info.account-extra-info-reveal .did-section { - display: block; - } +.account-extra-info .handle-history-section { + display: none; +} - .account-extra-info.account-extra-info-reveal .handle-history-section { - display: block; - } +.account-extra-info.account-extra-info-reveal .bio-section { + display: none; +} - .account-tabs-content .account-tab { - overflow: unset; - } +.account-extra-info.account-extra-info-reveal .did-section { + display: block; +} +.account-extra-info.account-extra-info-reveal .handle-history-section { + display: block; +} diff --git a/src/detail-panels/packs/list-packs.css b/src/detail-panels/packs/list-packs.css index 49c6b13..d25c1d2 100644 --- a/src/detail-panels/packs/list-packs.css +++ b/src/detail-panels/packs/list-packs.css @@ -1,74 +1,76 @@ -ul{ - padding-inline-start: 2px; - margin:none; - text-decoration:none; +ul { + padding-inline-start: 2px; + margin: 0; + text-decoration: none; } -a{ - text-decoration:none; - color:black; - text-decoration-color: black; - +a { + text-decoration: none; + color: black; + text-decoration-color: black; } -.pack-add-date{ - width:20%; - text-align: right; +.pack-add-date { + width: 20%; + text-align: right; } -.pack-name{ - width:80%; +.pack-name { + width: 80%; } -a:hover{ - text-decoration:underline; +a:hover { + text-decoration: underline; } -.account-short-entry-avatar{ - background: no-repeat center center; - background-size: cover; - color: transparent; - border-radius: 200%; - display: inline-block; - width: 1.5em; - height: 1.5em; - margin-right: 0.25em; +.account-short-entry-avatar { + background: no-repeat center center; + background-size: cover; + color: transparent; + border-radius: 200%; + display: inline-block; + width: 1.5em; + height: 1.5em; + margin-right: 0.25em; } -.pack-entry{ - display:flex; - flex-direction: column; - padding-bottom:3px; - padding-top:2px; - height:auto; - margin-left:0; - width: 98%; - white-space: normal; - word-wrap: break-word; +.pack-entry { + display: flex; + flex-direction: column; + padding-bottom: 3px; + padding-top: 2px; + height: auto; + margin-left: 0; + width: 98%; + white-space: normal; + word-wrap: break-word; } -.row{ - display:flex; - flex-direction: row; +.row { + display: flex; + flex-direction: row; } -.pack-name , .pack-add-date, .pack-description{ - display:flex; +.pack-name, +.pack-add-date, +.pack-description { + display: flex; } -.pack-description{ - width:80%; - margin-left:5px; - padding-left:25px; - opacity:.5; +.pack-description { + width: 80%; + margin-left: 5px; + padding-left: 25px; + opacity: 0.5; } -.pack-entry:nth-child(even){ - background-color: #0000000a; - background-image: linear-gradient(to top, #00000024, transparent 1px), linear-gradient(to bottom, #0000000a, transparent 1px); +.pack-entry:nth-child(even) { + background-color: #0000000a; + background-image: linear-gradient(to top, #00000024, transparent 1px), + linear-gradient(to bottom, #0000000a, transparent 1px); } -.pack-creator-avatar{ +.pack-creator-avatar { background-size: cover; display: inline-block; width: 1.5em; @@ -76,4 +78,3 @@ a:hover{ margin-right: 0.25em; text-align: center; } - \ No newline at end of file diff --git a/src/detail-panels/packs/packs.css b/src/detail-panels/packs/packs.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/detail-panels/packs/packs.jsx b/src/detail-panels/packs/packs.jsx index efa08cc..64d5696 100644 --- a/src/detail-panels/packs/packs.jsx +++ b/src/detail-panels/packs/packs.jsx @@ -3,100 +3,116 @@ import { useState } from 'react'; import SearchIcon from '@mui/icons-material/Search'; -import { Button, CircularProgress } from '@mui/material'; +import { Button, CircularProgress } from '@mui/material'; import { useSearchParams } from 'react-router-dom'; -import { usePacksCreated, usePacksCreatedTotal} from '../../api/packs'; +import { usePacksCreated, usePacksCreatedTotal } from '../../api/packs'; import { PackView } from './pack-view'; import { resolveHandleOrDID } from '../../api'; import { VisibleWithDelay } from '../../common-components/visible'; import { localise, localiseNumberSuffix } from '../../localisation'; -import { useAccountResolver } from '../account-resolver'; +import { useAccountResolver } from '../account-resolver'; import { SearchHeaderDebounced } from '../history/search-header'; -import './packs.css' -export function Packs({created=false}){ +export function Packs({ created = false }) { // STARTER PACKS CREATED - const NOPACK = "No Starter Packs Created" ; + const NOPACK = 'No Starter Packs Created'; const accountQuery = useAccountResolver(); - const shortHandle = accountQuery.data?.shortHandle; - const { data, fetchNextPage, hasNextPage, isLoading, isFetching} = usePacksCreated(shortHandle); - const { data: totalData, isLoading: isLoadingTotal } = usePacksCreatedTotal(shortHandle); - + const shortHandle = accountQuery.data?.shortHandle; + const { data, fetchNextPage, hasNextPage, isLoading, isFetching } = + usePacksCreated(shortHandle); + const { data: totalData, isLoading: isLoadingTotal } = + usePacksCreatedTotal(shortHandle); + const [searchParams, setSearchParams] = useSearchParams(); const [tick, setTick] = useState(0); const search = (searchParams.get('q') || '').trim(); const [showSearch, setShowSearch] = useState(!!search); - - const packsTotal= totalData?.count; + + const packsTotal = totalData?.count; const Packlist = data?.pages || []; - const allPacks = Packlist.flatMap((page)=>page.starter_packs); - const filteredPacks = !search ? allPacks : matchSearch(allPacks,search,()=>{setTick(tick+1)}); + const allPacks = Packlist.flatMap((page) => page.starter_packs); + const filteredPacks = !search + ? allPacks + : matchSearch(allPacks, search, () => { + setTick(tick + 1); + }); - if (isLoading ) { + if (isLoading) { // show loading screen - return ( -
      - -
      - {localise('Loading Packs...', { })} -
      + return ( +
      + +
      + {localise('Loading Packs...', {})}
      - ); - } - - const shouldShowLoadMore = hasNextPage && (!search || filteredPacks.length > 0); +
      + ); + } - return ( - <> -
      -
      - -
      + const shouldShowLoadMore = + hasNextPage && (!search || filteredPacks.length > 0); + + return ( + <> +
      +
      +
      -

      - {isLoadingTotal && {localise("Counting packs...", {})}} - {packsTotal ? +

      +

      + {isLoadingTotal && ( + + {localise('Counting packs...', {})} + + )} + {packsTotal ? ( <> - { localise( - 'Creator of ' + packsTotal.toLocaleString() + ' ' + localiseNumberSuffix('pack', packsTotal) + ':',{ - // todo : add language map - })} - - {!showSearch && + {localise( + 'Creator of ' + + packsTotal.toLocaleString() + + ' ' + + localiseNumberSuffix('pack', packsTotal) + + ':', + { + // todo : add language map + } + )} + + {!showSearch && ( - } + onClick={() => setShowSearch(true)} + > + + + )} - : - localise(NOPACK, { }) - } + + ) : ( + localise(NOPACK, {}) + )}

      - - + + {shouldShowLoadMore && ( - !isFetching && fetchNextPage()} - > -

      - Loading more... -

      -       - )} + !isFetching && fetchNextPage()} + > +

      + Loading more... +

      +       + )} ); - -} +} /** * @param {PackListEntry[]} listToFilter @@ -105,13 +121,14 @@ export function Packs({created=false}){ */ function matchSearch(listToFilter, search, redraw) { const searchLowercase = search.toLowerCase(); - const filtered = listToFilter.filter(entry => { + const filtered = listToFilter.filter((entry) => { // if ((entry.handle || '').toLowerCase().includes(searchLowercase)) return true; if ((entry.name || '').toLowerCase().includes(searchLowercase)) return true; - if ((entry.description || '').toLowerCase().includes(searchLowercase)) return true; + if ((entry.description || '').toLowerCase().includes(searchLowercase)) + return true; - resolveHandleOrDID(entry.did).then(redraw); + resolveHandleOrDID(entry.did).then(redraw); return false; }); return filtered; -} \ No newline at end of file +} diff --git a/src/landing/home-stats/home-stats-main.css b/src/landing/home-stats/home-stats-main.css index 5398a17..3cd048a 100644 --- a/src/landing/home-stats/home-stats-main.css +++ b/src/landing/home-stats/home-stats-main.css @@ -1,6 +1,3 @@ -.stats-section { -} - .stats-section-inner { display: inline-block; min-width: 50%; @@ -43,7 +40,10 @@ table.stats-table th { background: #ffc7a1; } -.home-stats-main .top-list.top-blocked .top-list-entries .top-list-entry:nth-child(even) { +.home-stats-main + .top-list.top-blocked + .top-list-entries + .top-list-entry:nth-child(even) { background: #ffe4d2; } @@ -52,6 +52,9 @@ table.stats-table th { background: #d6e5ff; } -.home-stats-main .top-list.top-blockers .top-list-entries .top-list-entry:nth-child(even) { +.home-stats-main + .top-list.top-blockers + .top-list-entries + .top-list-entry:nth-child(even) { background: #d6e5ff; -} \ No newline at end of file +} From ad1b747e3afa0eed5a8f70ea0974be6fd31283d0 Mon Sep 17 00:00:00 2001 From: Noah Manneschmidt Date: Tue, 4 Feb 2025 10:07:55 -0800 Subject: [PATCH 23/24] add convenience script for stylelint autofix --- package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 60e6250..9c722b4 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,8 @@ "preview": "vite preview --open", "build": "BUILD_COMMIT_HASH=\"$(git describe --always --dirty)\" vite build", "typecheck": "tsc --noEmit", - "stylelint": "stylelint \"src/**/*.css\"" + "stylelint": "stylelint \"src/**/*.css\"", + "stylelint:fix": "stylelint --fix \"src/**/*.css\"" }, "keywords": [], "author": "", From fcd95299f04544e8ed9bb33a133b1eeb3256081a Mon Sep 17 00:00:00 2001 From: Noah Manneschmidt Date: Tue, 4 Feb 2025 10:14:38 -0800 Subject: [PATCH 24/24] add vercel config to fix refresh of preview builds --- vercel.json | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 vercel.json diff --git a/vercel.json b/vercel.json new file mode 100644 index 0000000..91ce717 --- /dev/null +++ b/vercel.json @@ -0,0 +1,8 @@ +{ + "rewrites": [ + { + "source": "/((?!assets/.*).*)", + "destination": "/index.html" + } + ] +}