Skip to content

Commit

Permalink
fix: #1564 collapse arrow in RTL mode
Browse files Browse the repository at this point in the history
  • Loading branch information
saadeghi committed Feb 1, 2023
1 parent bec2094 commit c8c7353
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions src/components/styled/collapse.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,9 @@
box-shadow: 2px 2px;
pointer-events: none;
}
[dir="rtl"] .collapse-arrow .collapse-title:after {
--tw-rotate: -45deg;
}
.collapse-plus .collapse-title:after {
@apply absolute block h-2 w-2 transition-all duration-300 ease-in-out;
top: 0.9rem;
Expand Down Expand Up @@ -63,6 +66,11 @@
.collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
@apply rotate-[225deg] translate-y-[-50%];
}
[dir="rtl"] .collapse-open.collapse-arrow .collapse-title:after,
[dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
[dir="rtl"] .collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
--tw-rotate: 135deg;
}
.collapse-open.collapse-plus .collapse-title:after,
.collapse-plus:focus:not(.collapse-close) .collapse-title:after,
.collapse-plus:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
Expand Down

0 comments on commit c8c7353

Please sign in to comment.