Comments (16)
Hey everyone, thank you for your interests and effort in this issue! I've suspected that this is happening due to fallbacks provided in the font family definition. I've checked in my local to update the tailwind.config.js
like this for the JetBrains Mono
:
"jetBrains-mono": [
"JetBrains Mono",
- ...defaultTheme.fontFamily.mono,
+ "monospace"
],
The issue resolved for me.
Can anyone check if the same solution works for them as well? If its resolved, we'll be happy to see a PR addressing this change 🙏
from refine.
Hey @domlimm let us know when you can work on this, let's assign to you.
from refine.
I believe it's already aligned, working fine for me @alicanerdurmaz
from refine.
I believe it's already aligned, working fine for me @alicanerdurmaz
If you check out the docs you can see the borders are misaligned. In my vscode it also appeared fine but for some reason in the docs it's weird.
from refine.
@AnasGrzor not able to see the screenshot you attached.
And also I don't see any misalignment in the doc as well
attaching a short clip
Screencast.from.12-01-24.04.09.05.AM.IST.webm
from refine.
@amirk85
This is in chrome
from refine.
Hello @AnasGrzor and @amirk85, thanks for helping Refine.
It's an interesting problem 🤔. I will investigate too.
from refine.
I did the change but it's still the same
from refine.
It is caused by font-family: Source Code Pro
@aliemir @BatuhanW @alicanerdurmaz
With Font :
SS for issue.
Reason for issue.
Without Font
Issue Fix If:
After removal of: font-family: Source Code Pro
:
from refine.
Is the issue resolved? If not, I'm excited to work on resolving it.
from refine.
@notnick2 Thanks 🚀, I assigned the issue to you.
from refine.
Hi @alicanerdurmaz , has this issue been fixed already? If not, can I fix it?
from refine.
@CodeKage25 Thanks, I assigned it to you.
from refine.
@alicanerdurmaz Hey Alican, may I have a go at this? A little occupied in the next 4 days. Will work on it roughly mid of next week or ASAP. If you're okay with it!
from refine.
@BatuhanW Hey Bathuan! I did some digging last week and just for an hour before writing this.. Seems okay on VSCode (but I suppose that's not the case/what we're trying to fix). However, I checked on prod and it seems slightly off. I'm on macOS, checked on Chrome.
On Windows Chrome (both locally and prod):
Exactly what's shown in the opening of this issue.
I am actually struggling to find out the root cause. It's odd because it's a table in markdown.
from refine.
There's a lot of hands working on this issue. If there is anything that I can do to help, please let me know.
Otherwise I'll continue to look for another issue to work on.
FWI worth, I am new to this repo.
from refine.
Related Issues (20)
- [BUG] error when trying to implement multiple top level `conditionalFilter` using useTable from @refinedev/react-table HOT 2
- [FEAT] Support the dynamic meta parameters when submitting HOT 1
- [BUG] MUI useDataGrid setFilters HOT 5
- [FEAT] Passing arbitrary graphql variables to hasura dataProvider HOT 7
- [BUG] appendCurrentPathToQuery on Authenticated HOT 2
- [DOC] Browser view crashes in Tutorial HOT 3
- [FEAT] Unable to highlight non-CRUD page on menu item HOT 4
- [FEAT] Unable to configure non-CRUD pages in i18n configuration file HOT 4
- [BUG] `mutationOptions` are overriding Refine's behavior unexpectedly
- [DOC] Edit for readability and grammar HOT 3
- [BUG] `useFieldArray` options dissapear after routing away and back to edit page HOT 2
- [BUG] MUI Inferencer sets all fields to required HOT 1
- [BUG] Exmaple project cannot view HOT 3
- [BUG] nextjs 14 upgrade breaks imports HOT 4
- [FEAT]: Supabase Data Provider should filter array column by array HOT 7
- [FEAT] Support TypedDocumentNode for GraphQL data-provider HOT 6
- [BUG] Supabase token refresh not handled in Next.js example HOT 1
- [FEAT] Serving from a subdirectory HOT 2
- [DOC]: clarify rowCount retrieval and improve pagination examples
- [FEAT] i18n option when using cli to create project
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from refine.