diff --git a/app/soapbox/components/markup.css b/app/soapbox/components/markup.css index c10d4084d..09669fbd7 100644 --- a/app/soapbox/components/markup.css +++ b/app/soapbox/components/markup.css @@ -35,7 +35,8 @@ @apply py-1 pl-4 mb-4 border-l-4 border-solid border-gray-400 text-gray-500 dark:text-gray-400; } -[data-markup] code { +[data-markup] code, +[data-markup] pre { @apply cursor-text font-mono; } diff --git a/app/soapbox/components/ui/column/column.tsx b/app/soapbox/components/ui/column/column.tsx index 62aede9b2..f25990c2f 100644 --- a/app/soapbox/components/ui/column/column.tsx +++ b/app/soapbox/components/ui/column/column.tsx @@ -7,10 +7,10 @@ import { useSoapboxConfig } from 'soapbox/hooks'; import { Card, CardBody, CardHeader, CardTitle } from '../card/card'; -type IColumnHeader = Pick; +type IColumnHeader = Pick; /** Contains the column title with optional back button. */ -const ColumnHeader: React.FC = ({ label, backHref, transparent }) => { +const ColumnHeader: React.FC = ({ label, backHref, className }) => { const history = useHistory(); const handleBackClick = () => { @@ -27,10 +27,7 @@ const ColumnHeader: React.FC = ({ label, backHref, transparent }) }; return ( - + ); @@ -72,7 +69,11 @@ const Column: React.FC = React.forwardRef((props, ref: React.ForwardedR {withHeader && ( - + )} diff --git a/app/soapbox/features/community-timeline/index.tsx b/app/soapbox/features/community-timeline/index.tsx index a49093dc6..a5c2a17fa 100644 --- a/app/soapbox/features/community-timeline/index.tsx +++ b/app/soapbox/features/community-timeline/index.tsx @@ -40,7 +40,7 @@ const CommunityTimeline = () => { }, [onlyMedia]); return ( - + { }, [onlyMedia]); return ( - + {showExplanationBox &&
diff --git a/app/styles/forms.scss b/app/styles/forms.scss index fc4b6a257..a23bfcfad 100644 --- a/app/styles/forms.scss +++ b/app/styles/forms.scss @@ -24,11 +24,6 @@ select { $no-columns-breakpoint: 600px; -code { - font-family: var(--font-monospace), monospace; - font-weight: 400; -} - .form-container { max-width: 400px; padding: 20px; diff --git a/docs/administration/install-yunohost.md b/docs/administration/install-yunohost.md index af99231b4..156547d9e 100644 --- a/docs/administration/install-yunohost.md +++ b/docs/administration/install-yunohost.md @@ -7,7 +7,7 @@ If you want to install Soapbox to a Pleroma instance installed using [YunoHost]( First, download the latest build of Soapbox from GitLab. ```sh -curl -L https://gitlab.com/soapbox-pub/soapbox/-/jobs/artifacts/v1.3.0/download?job=build-production -o soapbox-fe.zip +curl -L https://gitlab.com/soapbox-pub/soapbox/-/jobs/artifacts/develop/download?job=build-production -o soapbox-fe.zip ``` ## 2. Unzip the build @@ -18,6 +18,18 @@ Then, unzip the build to the Pleroma directory under YunoHost's directory: busybox unzip soapbox-fe.zip -o -d /home/yunohost.app/pleroma/ ``` +## 3. Change YunoHost Admin Static directory + +(A bug documented in the YunoHost deployment about this issue is [here](https://github.com/YunoHost-Apps/pleroma_ynh/issues/215)) + +Go to: + +> Admin Panel > Settings > Instance + +Look for the "Static dir" entry and set it to: + +> /home/yunohost.app/pleroma/static + **That's it! 🎉 Soapbox is installed.** The change will take effect immediately, just refresh your browser tab. It's not necessary to restart the Pleroma service. ---