/* * CRM Fello — RTL / Hebrew styling for the public (guest-facing) website pages * (login, signup, privacy, terms). Injected via `web_include_css` in hooks.py. * * Frappe's website base template sets but no `dir`, and ships no RTL * styles for the login chrome. Guests are forced to Hebrew (crmfello/web.py), so * we scope these rules to `html[lang="he"]` (web.js also sets dir="rtl" for native * Bootstrap [dir=rtl] behavior). */ html[lang="he"] body { direction: rtl; text-align: right; } /* ---- Top navbar: brand ("בית") on the right ---- */ html[lang="he"] .navbar { direction: rtl; } /* ---- Login / email-link form fields ---- */ html[lang="he"] .email-field input, html[lang="he"] .password-field input, html[lang="he"] .form-control { direction: rtl; text-align: right; } /* The field icon (email / lock) sits at the start of the input → move to the * right under RTL, and pad the value/placeholder away from it. */ html[lang="he"] .field-icon { left: auto; right: 9px; } html[lang="he"] .email-field input { padding-right: 35px; padding-left: 12px; } /* The password "הצג" (Show) toggle sits at the end of the input → move to the * left under RTL. Pad the right for the lock icon and the left for the toggle so * the placeholder no longer collides with the button. */ html[lang="he"] .toggle-password { right: auto; left: 9px; } html[lang="he"] .password-field input { padding-right: 35px; padding-left: 50px; } /* ---- Footer: center the privacy / terms links ---- */ html[lang="he"] .web-footer .footer-links .row { justify-content: center; } html[lang="he"] .web-footer .footer-links .footer-col-left, html[lang="he"] .web-footer .footer-links .footer-col-right { flex: 0 0 100%; max-width: 100%; text-align: center; }