From 1ef6c55d441c8965a6cca52f9a7b77462123cdd1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Mon, 25 Apr 2022 22:44:15 +0200 Subject: [PATCH 1/2] maybe add some links to sidebar menu MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/soapbox/components/sidebar_menu.tsx | 50 +++++++++++++++++++++++-- 1 file changed, 47 insertions(+), 3 deletions(-) diff --git a/app/soapbox/components/sidebar_menu.tsx b/app/soapbox/components/sidebar_menu.tsx index 2de745577f..ad9471e410 100644 --- a/app/soapbox/components/sidebar_menu.tsx +++ b/app/soapbox/components/sidebar_menu.tsx @@ -6,13 +6,14 @@ import { Link, NavLink } from 'react-router-dom'; import { logOut, switchAccount } from 'soapbox/actions/auth'; import { fetchOwnAccounts } from 'soapbox/actions/auth'; +import { getSettings } from 'soapbox/actions/settings'; +import { closeSidebar } from 'soapbox/actions/sidebar'; import Account from 'soapbox/components/account'; import { Stack } from 'soapbox/components/ui'; import ProfileStats from 'soapbox/features/ui/components/profile_stats'; import { useAppSelector, useSoapboxConfig, useFeatures } from 'soapbox/hooks'; - -import { closeSidebar } from '../actions/sidebar'; -import { makeGetAccount, makeGetOtherAccounts } from '../selectors'; +import { makeGetAccount, makeGetOtherAccounts } from 'soapbox/selectors'; +import { getBaseURL } from 'soapbox/utils/accounts'; import { HStack, Icon, IconButton, Text } from './ui'; @@ -32,6 +33,10 @@ const messages = defineMessages({ importData: { id: 'navigation_bar.import_data', defaultMessage: 'Import data' }, accountMigration: { id: 'navigation_bar.account_migration', defaultMessage: 'Move account' }, logout: { id: 'navigation_bar.logout', defaultMessage: 'Logout' }, + bookmarks: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' }, + lists: { id: 'column.lists', defaultMessage: 'Lists' }, + invites: { id: 'navigation_bar.invites', defaultMessage: 'Invites' }, + developers: { id: 'navigation.developers', defaultMessage: 'Developers' }, }); interface ISidebarLink { @@ -67,6 +72,9 @@ const SidebarMenu: React.FC = (): JSX.Element | null => { const account = useAppSelector((state) => me ? getAccount(state, me) : null); const otherAccounts: ImmutableList = useAppSelector((state) => getOtherAccounts(state)); const sidebarOpen = useAppSelector((state) => state.sidebar.sidebarOpen); + const settings = useAppSelector((state) => getSettings(state)); + + const baseURL = account ? getBaseURL(account) : ''; const closeButtonRef = React.useRef(null); @@ -192,6 +200,42 @@ const SidebarMenu: React.FC = (): JSX.Element | null => { onClick={onClose} /> + {features.bookmarks && ( + + )} + + {features.lists && ( + + )} + + {instance.invites_enabled && ( + + )} + + {settings.get('isDeveloper') && ( + + )} + {features.publicTimeline && <>
From 161f561b449f12532e8552aaccf043e877db4a79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Mon, 25 Apr 2022 23:41:02 +0200 Subject: [PATCH 2/2] dark styles on public pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/soapbox/components/ui/input/input.tsx | 2 +- app/soapbox/features/auth_layout/index.tsx | 4 ++-- .../auth_login/components/password_reset.js | Bin 2397 -> 2418 bytes .../public_layout/components/header.tsx | 2 +- app/soapbox/features/public_layout/index.js | Bin 2184 -> 2240 bytes .../features/verification/waitlist_page.js | Bin 2862 -> 2918 bytes app/styles/about.scss | 9 ++++----- app/styles/forms.scss | 4 ++-- 8 files changed, 10 insertions(+), 11 deletions(-) diff --git a/app/soapbox/components/ui/input/input.tsx b/app/soapbox/components/ui/input/input.tsx index e8361223e1..44b90912f2 100644 --- a/app/soapbox/components/ui/input/input.tsx +++ b/app/soapbox/components/ui/input/input.tsx @@ -70,7 +70,7 @@ const Input = React.forwardRef( type='button' onClick={togglePassword} tabIndex={-1} - className='text-gray-400 hover:text-gray-500 h-full px-2 focus:ring-primary-500 focus:ring-2' + className='text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 h-full px-2 focus:ring-primary-500 focus:ring-2' > { return (
-
+
@@ -29,7 +29,7 @@ const AuthLayout = () => { {siteTitle} ) : ( diff --git a/app/soapbox/features/auth_login/components/password_reset.js b/app/soapbox/features/auth_login/components/password_reset.js index ccc8786f11ccf0e5b5db075709878acbeac0d791..bafa093176bbfd9be2229ffe95e6688c79c78aa2 100644 GIT binary patch delta 31 mcmcaB^hs#L4OXF)#G-7gr2L|k)FR#VqQpvFv&~moJD35_lnh7! delta 12 Tcmew)bXRD@4c5(XSzDO_DMJOW diff --git a/app/soapbox/features/public_layout/components/header.tsx b/app/soapbox/features/public_layout/components/header.tsx index 585d25db66..e6528cbb44 100644 --- a/app/soapbox/features/public_layout/components/header.tsx +++ b/app/soapbox/features/public_layout/components/header.tsx @@ -128,7 +128,7 @@ const Header = () => { diff --git a/app/soapbox/features/public_layout/index.js b/app/soapbox/features/public_layout/index.js index d7ff351555943cc7902e7545b77ac5827813f041..a96e269e39f6f75c9dbff421e99a66423a0255cf 100644 GIT binary patch delta 99 zcmeAWJRrECfh8yT%UBvsekz(AoaGf}rZBeNt`0W1sRLL@DLk|p`N g$(4zDx~2vYSr{KEr>>xH$Hg^SkX2&yCYEc=0H#48HUIzs delta 32 ncmX>g*de%~fkn71Gf}rZBeNt`p(I~7xiT?N*L3q~maohJz~>A1 diff --git a/app/soapbox/features/verification/waitlist_page.js b/app/soapbox/features/verification/waitlist_page.js index 01b71bcaed6f5f24dc99d0177df1a87fd7a22b9b..c21c4d56b0c906f9ca246fa029a0f1f8fb2199f4 100644 GIT binary patch delta 88 zcmZ1{_DpQU5oYg{#G-7gw4(f6-Qt|Yl2l!D0|SM!%tYPtjLec$1+XlL3z4)0N|xm7 WCRZlr>6#iqWMO label { - font-weight: 400; - color: $color-5-dark; + @apply text-gray-900 dark:text-gray-100 font-normal; } .simple_form p.lead { diff --git a/app/styles/forms.scss b/app/styles/forms.scss index 06a797036f..442f48839a 100644 --- a/app/styles/forms.scss +++ b/app/styles/forms.scss @@ -69,10 +69,10 @@ code { position: relative; .label_input > label { + @apply text-black dark:text-white; font-family: inherit; font-size: 14px; padding-top: 5px; - color: var(--primary-text-color); display: block; width: auto; } @@ -190,9 +190,9 @@ code { .input { .label_input > label { + @apply text-gray-700 dark:text-gray-400; font-family: inherit; font-size: 14px; - color: var(--gray-700); display: block; word-wrap: break-word; font-weight: 500;