question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Direction of offsetting columns in RTL isn't correct

See original GitHub issue

Describe the bug Offsetting columns in RTL doesn’t work correctly.

https://quasar.dev/layout/grid/row#Offsetting-columns

because of postcss-rtl system, class offset-* style margin-left turned to margin-right and the direction isn’t correct.

Platform: OS: Ubuntu Browsers: Chrome

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:11

github_iconTop GitHub Comments

1reaction
pdanpdancommented, Jul 18, 2020

You have 2 ways of doing it: https://codepen.io/pdanpdan/pen/bGEQBwd?editors=1010 The first one, with a column aligned inside the row is the one I would go for.

0reactions
pdanpdancommented, Jul 18, 2020

too much extra CSS in the core, and it would not play well with gutters.

Read more comments on GitHub >

github_iconTop Results From Across the Web

offsets do not work in rtl · Issue #3005 · jgthms/bulma - GitHub
I face this bug when page direction is rtl. Basically offsets do not work with rtl pages. I have this class on my...
Read more >
Align Bootstrap columns from right to left to support RTL ...
this is coding i am using class offset-6 for textfield start to right side but another textfiled with same grom starting from another...
Read more >
direction - CSS: Cascading Style Sheets - MDN Web Docs
The direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left ......
Read more >
Why when setting the table to be in RTL direction ... - DataTables
Hi when i set the table dir to RTL the "show X entries" on the top ... table instead the way it is...
Read more >
direction - CSS-Tricks
The direction property in CSS sets the direction of of content flow within a block-level element. This applies to text, inline, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found