binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5649] [WEB-5675] fix: local font files #8377

Browse source
This commit is contained in:
Aaryan Khandelwal 2025-12-18 16:48:50 +05:30 • committed by GitHub
parent 67416935b4
commit cae66ef853
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
20 changed files with 94 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/propel/.storybook/tailwind.css
View file

@ -1,2 +1,3 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";
@import "../src/styles/react-day-picker.css";

1
packages/tailwind-config/fonts/Inter/LICENSE Normal file
View file

@ -0,0 +1 @@
Inter[slnt,wght].ttf: Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-200.woff2 Normal file
View file

Binary file not shown.

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-300.woff2 Normal file
View file

Binary file not shown.

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-500.woff2 Normal file
View file

Binary file not shown.

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-600.woff2 Normal file
View file

Binary file not shown.

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-700.woff2 Normal file
View file

Binary file not shown.

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-800.woff2 Normal file
View file

Binary file not shown.

BIN
packages/tailwind-config/fonts/Inter/inter-v13-latin-regular.woff2 Normal file
View file

Binary file not shown.

0
packages/tailwind-config/fonts/LICENSE.txt → packages/tailwind-config/fonts/Material-Symbols-Rounded/LICENSE.txt
View file

0
packages/tailwind-config/fonts/material-symbols-rounded-v168-latin-regular.woff2 → packages/tailwind-config/fonts/Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2
View file

87
packages/tailwind-config/fonts/index.css Normal file
View file

@ -0,0 +1,87 @@
/* inter-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 200;
src: url("./Inter/inter-v13-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 300;
src: url("./Inter/inter-v13-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 400;
src: url("./Inter/inter-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url("./Inter/inter-v13-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url("./Inter/inter-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 700;
src: url("./Inter/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: Inter;
font-style: normal;
font-weight: 800;
src: url("./Inter/inter-v13-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-rounded-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 400;
src: url("./Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}

6
packages/tailwind-config/package.json
View file

@ -15,11 +15,7 @@
},
"exports": {
"./index.css": "./index.css",
"./fonts.css": "./fonts/index.css",
"./postcss.config.js": "./postcss.config.js"
},
"dependencies": {
"@fontsource/ibm-plex-mono": "5.2.7",
"@fontsource/inter": "5.2.8",
"@fontsource/material-symbols-rounded": "5.2.30"
}
}

39
packages/tailwind-config/variables.css
View file

@ -1,17 +1,3 @@
@import "@fontsource/inter/200.css";
@import "@fontsource/inter/300.css";
@import "@fontsource/inter/400.css";
@import "@fontsource/inter/500.css";
@import "@fontsource/inter/600.css";
@import "@fontsource/inter/700.css";
@import "@fontsource/inter/800.css";
@import "@fontsource/ibm-plex-mono/200.css";
@import "@fontsource/ibm-plex-mono/300.css";
@import "@fontsource/ibm-plex-mono/400.css";
@import "@fontsource/ibm-plex-mono/500.css";
@import "@fontsource/ibm-plex-mono/600.css";
@import "@fontsource/ibm-plex-mono/700.css";
@custom-variant dark (&:where([data-theme*="dark"], [data-theme*="dark"] *));
@custom-variant dark-high-contrast (&:where([data-theme="dark-contrast"], [data-theme="dark-contrast"] *));
@custom-variant light-high-contrast (&:where([data-theme="light-contrast"], [data-theme="light-contrast"] *));
@ -1154,31 +1140,6 @@
}
}
/* material-symbols-rounded-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 400;
src: url("./fonts/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@utility material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
/* Tailwind typography plugin overwrites */
@utility prose {
--tw-prose-body: var(--text-color-primary);

1
packages/ui/src/dropdowns/custom-menu.tsx
View file

@ -418,7 +418,6 @@ function SubMenu(props: ICustomSubMenuProps) {
{...attributes.popper}
className={cn(
"fixed z-30 min-w-[12rem] overflow-hidden rounded-md border-[0.5px] border-subtle-1 bg-surface-1 p-1 text-11",
"ring-1 ring-black ring-opacity-5", // Additional styling to make it stand out
contentClassName
)}
data-prevent-outside-click="true"

1
packages/ui/styles/globals.css
View file

@ -1 +1,2 @@
@import "@plane/tailwind-config/index.css";
@import "@plane/tailwind-config/fonts.css";