search

havit / Havit.Blazor

Free Bootstrap 5 components for ASP.NET Blazor + optional enterprise-level stack for Blazor development (gRPC code-first, layered architecture, localization, auth, ...)
https://havit.blazor.eu
MIT License
490 stars 67 forks source link

Right-to-Left Support #109

Open MrExpreess opened 2 years ago

MrExpreess commented 2 years ago

Needed to add supporting for Right-to-Left direction...

hakenr commented 2 years ago

RTL is fully supported, although not explicitly tested. RTL support is built into Bootstrap itself, and our library takes this over. We also work with "start" and "end" terminology instead of "left" and "right". Do you have any specific place where we need to tweak?

(As of our "Havit.Blazor" Boostrap CSS build, just change the link to .rtl.css as usual.)

@crdo right?

crdo commented 2 years ago

Disagree - all "our styles" (everything that is in CSS isolation) are disconnected from the RTLCSS and POSTCSS (rtl, vendor-prefixing etc.).

We would have to somehow manipulate the CSS isolation bundle after it is generated by .NET and have our own post-processing with RTLCSS and POSTCSS.

hakenr commented 2 years ago

Aah, I see. 😭 We might start with some simple sample page/app, where we will identify the major gaps.

emad981 commented 2 years ago

As for HuOffcanvas I have to add this code to RTL CSS file in order to fit to RTL

.offcanvas-end { left: 0; right: auto; transform: translateX(-100%); }