You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pulsar.apache.org by vi...@apache.org on 2024/03/03 17:56:19 UTC
(pulsar-site) branch main updated: Change font-size in docs from 18px to 16px (#814)
This is an automated email from the ASF dual-hosted git repository.
visortelle pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/pulsar-site.git
The following commit(s) were added to refs/heads/main by this push:
new b7fbd28d6492 Change font-size in docs from 18px to 16px (#814)
b7fbd28d6492 is described below
commit b7fbd28d6492e7aa923c3319437a013f55a61e62
Author: Kiryl Valkovich 🛸 <vi...@gmail.com>
AuthorDate: Sun Mar 3 21:56:14 2024 +0400
Change font-size in docs from 18px to 16px (#814)
The purpose of this change is to increase the amount of content that fits on the screen.
The lack of horizontal space makes it hard to read table content on documentation pages.
Discussion: apache/pulsar#22155
Global LandingPage CSS class is introduced to keep the 18px font size on the "promotional" pages according to the original design. Maybe not the fully correct class name, but easy to understand and grep.
---
src/components/pages/BooksPage/BooksPage.tsx | 1 +
src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx | 1 +
src/components/pages/CommunityPage/CommunityPage.tsx | 1 +
src/components/pages/EcosystemPage/EcosystemPage.tsx | 1 +
src/components/pages/EventsPage/EventsPage.tsx | 1 +
src/components/pages/HomePage/HomePage.tsx | 1 +
src/components/pages/PoweredByPage/PoweredByPage.tsx | 2 +-
src/components/pages/ResourcesPage/ResourcesPage.tsx | 1 +
src/css/typography.css | 4 ++--
9 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/src/components/pages/BooksPage/BooksPage.tsx b/src/components/pages/BooksPage/BooksPage.tsx
index 334af859f023..8733bbb24246 100644
--- a/src/components/pages/BooksPage/BooksPage.tsx
+++ b/src/components/pages/BooksPage/BooksPage.tsx
@@ -10,6 +10,7 @@ const CaseStudiesPage: React.FC = () => {
<Layout
title={`Books`}
description="Learn about the basics of using Apache Pulsar"
+ wrapperClassName="LandingPage"
>
<Page>
<section className={s.Header}>
diff --git a/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx b/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx
index 7ec66a379527..90706328633f 100644
--- a/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx
+++ b/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx
@@ -19,6 +19,7 @@ const CaseStudiesPage: React.FC = () => {
<Layout
title={`Case studies`}
description="Learn about the basics of using Apache Pulsar"
+ wrapperClassName="LandingPage"
>
<Page>
<section className={s.Header}>
diff --git a/src/components/pages/CommunityPage/CommunityPage.tsx b/src/components/pages/CommunityPage/CommunityPage.tsx
index 757229dfc825..4aebaa20c29a 100644
--- a/src/components/pages/CommunityPage/CommunityPage.tsx
+++ b/src/components/pages/CommunityPage/CommunityPage.tsx
@@ -18,6 +18,7 @@ export default function CommunityPage(): JSX.Element {
<Layout
title={"Community"}
description={"Learn about the basics of using Apache Pulsar"}
+ wrapperClassName="LandingPage"
>
<Page>
<section id="section-welcome">
diff --git a/src/components/pages/EcosystemPage/EcosystemPage.tsx b/src/components/pages/EcosystemPage/EcosystemPage.tsx
index 9669994f08f9..6c4bbc1ff0c0 100644
--- a/src/components/pages/EcosystemPage/EcosystemPage.tsx
+++ b/src/components/pages/EcosystemPage/EcosystemPage.tsx
@@ -19,6 +19,7 @@ const EcosystemPage: React.FC = () => {
<Layout
title={`Ecosystem`}
description="Learn about the basics of using Apache Pulsar"
+ wrapperClassName="LandingPage"
>
<Page>
<section className={s.Header}>
diff --git a/src/components/pages/EventsPage/EventsPage.tsx b/src/components/pages/EventsPage/EventsPage.tsx
index 259171b64181..b769c6f7e87a 100644
--- a/src/components/pages/EventsPage/EventsPage.tsx
+++ b/src/components/pages/EventsPage/EventsPage.tsx
@@ -17,6 +17,7 @@ const CaseStudiesPage: React.FC = () => {
<Layout
title={`Events`}
description="Apache Pulsar Events"
+ wrapperClassName="LandingPage"
>
<Page>
<div className={s.TopBlock}>
diff --git a/src/components/pages/HomePage/HomePage.tsx b/src/components/pages/HomePage/HomePage.tsx
index b978e20c9b44..78dc09aea10c 100644
--- a/src/components/pages/HomePage/HomePage.tsx
+++ b/src/components/pages/HomePage/HomePage.tsx
@@ -14,6 +14,7 @@ const HomePage = () => {
<Layout
title={"Apache Pulsar"}
description={"Apache Pulsar is an open-source, distributed messaging and streaming platform built for the cloud."}
+ wrapperClassName="LandingPage"
>
<div className={s.Page}>
<div className={s.Background}></div>
diff --git a/src/components/pages/PoweredByPage/PoweredByPage.tsx b/src/components/pages/PoweredByPage/PoweredByPage.tsx
index f7f80b259837..608e7d227056 100644
--- a/src/components/pages/PoweredByPage/PoweredByPage.tsx
+++ b/src/components/pages/PoweredByPage/PoweredByPage.tsx
@@ -10,7 +10,7 @@ import ContributeDataDrivenPage from "../../ui/ContributeDataDrivenPage/Contribu
const PoweredByPage = () => {
return (
- <Layout>
+ <Layout wrapperClassName="LandingPage">
<div className="tailwind">
<div className="my-12 container">
<header>
diff --git a/src/components/pages/ResourcesPage/ResourcesPage.tsx b/src/components/pages/ResourcesPage/ResourcesPage.tsx
index 44c0ac79098a..373f5e1f6cd1 100644
--- a/src/components/pages/ResourcesPage/ResourcesPage.tsx
+++ b/src/components/pages/ResourcesPage/ResourcesPage.tsx
@@ -18,6 +18,7 @@ const CaseStudiesPage: React.FC = () => {
<Layout
title={`Resources`}
description="Learn about the basics of using Apache Pulsar"
+ wrapperClassName="LandingPage"
>
<Page>
<div className={s.TopBlock}>
diff --git a/src/css/typography.css b/src/css/typography.css
index c80b6cc163b7..94ef708a1b04 100644
--- a/src/css/typography.css
+++ b/src/css/typography.css
@@ -27,7 +27,7 @@
font-weight: 400;
}
-body {
+.LandingPage {
font-size: 18px;
}
@@ -54,4 +54,4 @@ h6 {
blockquote {
border-color: var(--border-color) !important;
-}
\ No newline at end of file
+}