Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use variable font when using Source Sans 3. 

This is to overcome the limitations of previous static font,
which didn't allow us to use various font widths.
This commit is contained in:
Aman Agrawal 2023-03-27 10:47:59 +00:00 committed by Tim Abbott
parent 8cea85523b
commit 233b486618
13 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/images/landing-page/why-zulip/slack-unreads.svg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/images/landing-page/why-zulip/zulip-reply-later.svg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 101 KiB

BIN
static/images/landing-page/why-zulip/zulip-topics.svg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
web/src/bundles/common.ts
View File

@ -10,7 +10,7 @@ import "../../third/bootstrap/css/bootstrap-btn.css";
import "simplebar/dist/simplebar.css"; import "simplebar/dist/simplebar.css";
import "font-awesome/css/font-awesome.css"; import "font-awesome/css/font-awesome.css";
import "../../images/icons/zulip-icons.font"; import "../../images/icons/zulip-icons.font";
import "source-sans/source-sans-3.css"; import "source-sans/source-sans-3VF.css";
import "source-code-pro/source-code-pro.css"; import "source-code-pro/source-code-pro.css";
import "../../styles/alerts.css"; import "../../styles/alerts.css";
import "../../styles/modal.css"; import "../../styles/modal.css";

2
web/styles/compose.css
View File

@ -745,7 +745,7 @@ input.recipient_box {
.compose_draft_button { .compose_draft_button {
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
padding: 0 5px; padding: 0 5px;
position: relative; position: relative;
top: 0.7px; top: 0.7px;

4
web/styles/portico/billing.css
View File

@ -3,7 +3,7 @@
} }
.billing-upgrade-page { .billing-upgrade-page {
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
background-color: hsl(0deg 0% 98%); background-color: hsl(0deg 0% 98%);
height: 100vh; height: 100vh;
@ -151,7 +151,7 @@
& span { & span {
background: 0; background: 0;
box-shadow: none; box-shadow: none;
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
line-height: 20px; line-height: 20px;
} }
} }

4
web/styles/portico/markdown.css
View File

@ -287,14 +287,14 @@
.tip::before { .tip::before {
display: inline; display: inline;
content: "\f0eb Tip: "; content: "\f0eb Tip: ";
font-family: FontAwesome, "Source Sans 3", sans-serif; font-family: FontAwesome, "Source Sans 3 VF", sans-serif;
font-weight: 600; font-weight: 600;
} }
.keyboard_tip::before { .keyboard_tip::before {
display: inline; display: inline;
content: "\f11c Keyboard shortcut: "; content: "\f11c Keyboard shortcut: ";
font-family: FontAwesome, "Source Sans 3", sans-serif; font-family: FontAwesome, "Source Sans 3 VF", sans-serif;
font-weight: 600; font-weight: 600;
} }

4
web/styles/portico/portico.css
View File

@ -4,7 +4,7 @@
body { body {
background-color: hsl(0deg 0% 98%); background-color: hsl(0deg 0% 98%);
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
line-height: 150%; line-height: 150%;
height: 100%; height: 100%;
font-weight: 300; font-weight: 300;
@ -985,7 +985,7 @@ input.new-organization-button {
min-height: calc(100vh - 290px); min-height: calc(100vh - 290px);
height: 100%; height: 100%;
background-color: hsl(163deg 42% 85%); background-color: hsl(163deg 42% 85%);
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
} }
.error_page .container { .error_page .container {

4
web/styles/portico/portico_signin.css
View File

@ -406,7 +406,7 @@ html {
vertical-align: top; vertical-align: top;
padding: 13px 22px; padding: 13px 22px;
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 400; font-weight: 400;
@ -517,7 +517,7 @@ html {
padding: 10px 32px 10px 12px; padding: 10px 32px 10px 12px;
margin: 25px 0 5px; margin: 25px 0 5px;
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
font-size: 1.2rem; font-size: 1.2rem;
line-height: normal; line-height: normal;
height: auto; height: auto;

4
web/styles/portico/stats.css
View File

@ -1,5 +1,5 @@
body { body {
font-family: "Source Sans 3", sans-serif !important; font-family: "Source Sans 3 VF", sans-serif !important;
background-color: hsl(0deg 0% 98%); background-color: hsl(0deg 0% 98%);
} }
@ -109,7 +109,7 @@ p {
} }
.button { .button {
font-family: "Source Sans 3", sans-serif !important; font-family: "Source Sans 3 VF", sans-serif !important;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
outline: none; outline: none;

2
web/styles/search.css
View File

@ -70,7 +70,7 @@
padding-right: 40px; padding-right: 40px;
border: none; border: none;
border-radius: 0; border-radius: 0;
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
font-weight: 300; font-weight: 300;
line-height: var(--header-height); line-height: var(--header-height);
text-overflow: ellipsis; text-overflow: ellipsis;

2
web/styles/tooltips.css
View File

@ -3,7 +3,7 @@
* which have different font-family, we force font-family * which have different font-family, we force font-family
* for tooltips here. * for tooltips here.
*/ */
font-family: "Source Sans 3", sans-serif !important; font-family: "Source Sans 3 VF", sans-serif !important;
overflow-wrap: anywhere; overflow-wrap: anywhere;
/* Contains stylistic variant of upper-case character "I" in Source Sans 3 */ /* Contains stylistic variant of upper-case character "I" in Source Sans 3 */
font-feature-settings: "ss01" on; font-feature-settings: "ss01" on;

6
web/styles/zulip.css
View File

@ -24,7 +24,7 @@ body {
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
line-height: calc(20 / 14); line-height: calc(20 / 14);
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
color: var(--color-text-default); color: var(--color-text-default);
background-color: var(--color-background); background-color: var(--color-background);
transition: background-color 200ms linear; transition: background-color 200ms linear;
@ -236,7 +236,7 @@ input,
button, button,
select, select,
textarea { textarea {
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
/* Disable bootstrap size CSS; we want to use our default font size on /* Disable bootstrap size CSS; we want to use our default font size on
body for input elements. */ body for input elements. */
line-height: normal; line-height: normal;
@ -720,7 +720,7 @@ body.has-overlay-scrollbar {
textarea, textarea,
input { input {
font-family: "Source Sans 3", sans-serif; font-family: "Source Sans 3 VF", sans-serif;
} }
/* Override Bootstrap's fixed sizes for various elements */ /* Override Bootstrap's fixed sizes for various elements */