| 1 |
/** |
| 2 |
* RTL override stylesheet for Easy Invoice admin chrome. |
| 3 |
* |
| 4 |
* Loaded by WordPress automatically (via wp_style_add_data + 'append') |
| 5 |
* after easy-invoice.css when is_rtl() is true. Only overrides the |
| 6 |
* directional rules in the base file — everything non-directional |
| 7 |
* (colors, sizes, gradients, transitions) is inherited. |
| 8 |
* |
| 9 |
* Tailwind utility classes used directly in template markup are NOT |
| 10 |
* mirrored here. For full RTL flipping of Tailwind utilities, templates |
| 11 |
* should use logical-property variants (e.g. `ms-4` instead of `ml-4`, |
| 12 |
* `start-0` instead of `left-0`) or wrap markup in elements that flip |
| 13 |
* via the `rtl:` Tailwind variant. |
| 14 |
* |
| 15 |
* Source rules being overridden are in assets/css/easy-invoice.css — |
| 16 |
* each block below mirrors a specific rule by line range. |
| 17 |
* |
| 18 |
* @package EasyInvoice |
| 19 |
*/ |
| 20 |
|
| 21 |
/* easy-invoice.css:213 — .custom-table th */ |
| 22 |
.custom-table th { text-align: right; } |
| 23 |
|
| 24 |
/* easy-invoice.css:262 — .notification-container fixed to right edge in LTR */ |
| 25 |
.notification-container { right: auto; left: 1rem; } |
| 26 |
|
| 27 |
/* easy-invoice.css:270 — .notification slide animation in from the side */ |
| 28 |
.notification { transform: translateX(-100%); } |
| 29 |
.notification.translate-x-0 { transform: translateX(0); } |
| 30 |
.notification.translate-x-full { transform: translateX(-100%); } |
| 31 |
|
| 32 |
/* easy-invoice.css:295,303 — notification inner spacing */ |
| 33 |
.notification-icon { margin-right: 0; margin-left: 0.75rem; } |
| 34 |
.notification-close { margin-left: 0; margin-right: 1rem; } |
| 35 |
|
| 36 |
/* easy-invoice.css:423 — WP admin sidebar moves to right edge in RTL. |
| 37 |
WordPress core already swaps the body class, but our custom border |
| 38 |
needs flipping too. */ |
| 39 |
#adminmenuback, |
| 40 |
#adminmenuwrap, |
| 41 |
#adminmenu { |
| 42 |
border-right: 0; |
| 43 |
border-left: 1px solid #e5e7eb; |
| 44 |
} |
| 45 |
|
| 46 |
/* easy-invoice.css:431, 447, 458 — active-state borders on menu items */ |
| 47 |
#adminmenu a.menu-top { |
| 48 |
border-left: 0; |
| 49 |
border-right: 3px solid transparent; |
| 50 |
} |
| 51 |
#adminmenu li.menu-top:hover > a { |
| 52 |
border-left-color: transparent; |
| 53 |
border-right-color: #d1d5db; |
| 54 |
} |
| 55 |
#adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu, |
| 56 |
#adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu:focus { |
| 57 |
border-left-color: transparent; |
| 58 |
border-right-color: #4f46e5; |
| 59 |
} |
| 60 |
#adminmenu .wp-submenu a { |
| 61 |
padding: 8px 36px 8px 16px; |
| 62 |
border-left: 0; |
| 63 |
border-right: 3px solid transparent; |
| 64 |
} |
| 65 |
#adminmenu .wp-submenu a:hover { |
| 66 |
border-left-color: transparent; |
| 67 |
border-right-color: #d1d5db; |
| 68 |
} |
| 69 |
#adminmenu .wp-submenu li.current a, |
| 70 |
#adminmenu .wp-submenu li.current a:hover { |
| 71 |
border-left-color: transparent; |
| 72 |
border-right-color: #4f46e5; |
| 73 |
} |
| 74 |
|
| 75 |
/* easy-invoice.css:520 — .section-heading .gateway-icon */ |
| 76 |
.section-heading .gateway-icon { |
| 77 |
margin-right: 0; |
| 78 |
margin-left: 0.5rem; |
| 79 |
} |
| 80 |
|
| 81 |
/* easy-invoice.css:540 — .info-box::before is a top accent bar. |
| 82 |
It already spans left:0; right:0 so no change needed. */ |
| 83 |
|
| 84 |
/* easy-invoice.css:549 — .info-box .info-icon-wrapper */ |
| 85 |
.info-box .info-icon-wrapper { |
| 86 |
margin-right: 0; |
| 87 |
margin-left: 1.25rem; |
| 88 |
} |
| 89 |
|
| 90 |
/* easy-invoice.css:585 — .info-secondary side rail */ |
| 91 |
.info-secondary { |
| 92 |
padding-left: 0; |
| 93 |
padding-right: 0.5rem; |
| 94 |
border-left: 0; |
| 95 |
border-right: 3px solid #e5e7eb; |
| 96 |
} |
| 97 |
|
| 98 |
/* easy-invoice.css:593 — .status-box .gateway-icon */ |
| 99 |
.status-box .gateway-icon { |
| 100 |
margin-right: 0; |
| 101 |
margin-left: 1rem; |
| 102 |
} |
| 103 |
|
| 104 |
/* easy-invoice.css:715 — .gateway-card-info side rail */ |
| 105 |
.gateway-card-info, |
| 106 |
[class*="gateway-card-info"] { |
| 107 |
border-left: 0; |
| 108 |
border-right: 3px solid #6366f1; |
| 109 |
} |
| 110 |
|
| 111 |
/* easy-invoice.css:764 — .gateway-card .custom-checkbox */ |
| 112 |
.gateway-card .custom-checkbox { |
| 113 |
margin-right: 0; |
| 114 |
margin-left: 1rem; |
| 115 |
} |
| 116 |
|
| 117 |
/* easy-invoice.css:900 — .easy-invoice-admin-page-header full-bleed margins. |
| 118 |
margin-left / margin-right are already symmetric (both -2rem) so the |
| 119 |
negative-margin trick stays identical under RTL. padding likewise. |
| 120 |
No override needed. Kept here as a documented no-op. */ |
| 121 |
|
| 122 |
/* easy-invoice.css:969 — skip-link top-left anchor */ |
| 123 |
.easy-invoice-admin .easy-invoice-skip-link:focus { |
| 124 |
left: auto; |
| 125 |
right: 1rem; |
| 126 |
} |
| 127 |
|
