mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 03:54:08 +00:00
fix: Use right arrow position when collapsing sections (#746)
This commit is contained in:
@@ -33,7 +33,7 @@ export default class extends Controller {
|
|||||||
|
|
||||||
collapse(persist = true) {
|
collapse(persist = true) {
|
||||||
this.contentTarget.classList.add("hidden");
|
this.contentTarget.classList.add("hidden");
|
||||||
this.chevronTarget.classList.add("rotate-180");
|
this.chevronTarget.classList.add("-rotate-90");
|
||||||
this.collapsedValue = true;
|
this.collapsedValue = true;
|
||||||
if (this.hasButtonTarget) {
|
if (this.hasButtonTarget) {
|
||||||
this.buttonTarget.setAttribute("aria-expanded", "false");
|
this.buttonTarget.setAttribute("aria-expanded", "false");
|
||||||
@@ -45,7 +45,7 @@ export default class extends Controller {
|
|||||||
|
|
||||||
expand() {
|
expand() {
|
||||||
this.contentTarget.classList.remove("hidden");
|
this.contentTarget.classList.remove("hidden");
|
||||||
this.chevronTarget.classList.remove("rotate-180");
|
this.chevronTarget.classList.remove("-rotate-90");
|
||||||
this.collapsedValue = false;
|
this.collapsedValue = false;
|
||||||
if (this.hasButtonTarget) {
|
if (this.hasButtonTarget) {
|
||||||
this.buttonTarget.setAttribute("aria-expanded", "true");
|
this.buttonTarget.setAttribute("aria-expanded", "true");
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ export default class extends Controller {
|
|||||||
|
|
||||||
collapse(persist = true) {
|
collapse(persist = true) {
|
||||||
this.contentTarget.classList.add("hidden");
|
this.contentTarget.classList.add("hidden");
|
||||||
this.chevronTarget.classList.add("rotate-180");
|
this.chevronTarget.classList.add("-rotate-90");
|
||||||
this.collapsedValue = true;
|
this.collapsedValue = true;
|
||||||
if (this.hasButtonTarget) {
|
if (this.hasButtonTarget) {
|
||||||
this.buttonTarget.setAttribute("aria-expanded", "false");
|
this.buttonTarget.setAttribute("aria-expanded", "false");
|
||||||
@@ -45,7 +45,7 @@ export default class extends Controller {
|
|||||||
|
|
||||||
expand() {
|
expand() {
|
||||||
this.contentTarget.classList.remove("hidden");
|
this.contentTarget.classList.remove("hidden");
|
||||||
this.chevronTarget.classList.remove("rotate-180");
|
this.chevronTarget.classList.remove("-rotate-90");
|
||||||
this.collapsedValue = false;
|
this.collapsedValue = false;
|
||||||
if (this.hasButtonTarget) {
|
if (this.hasButtonTarget) {
|
||||||
this.buttonTarget.setAttribute("aria-expanded", "true");
|
this.buttonTarget.setAttribute("aria-expanded", "true");
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ export default class extends Controller {
|
|||||||
|
|
||||||
collapse(persist = true) {
|
collapse(persist = true) {
|
||||||
this.contentTarget.classList.add("hidden");
|
this.contentTarget.classList.add("hidden");
|
||||||
this.chevronTarget.classList.add("rotate-180");
|
this.chevronTarget.classList.add("-rotate-90");
|
||||||
this.collapsedValue = true;
|
this.collapsedValue = true;
|
||||||
if (this.hasButtonTarget) {
|
if (this.hasButtonTarget) {
|
||||||
this.buttonTarget.setAttribute("aria-expanded", "false");
|
this.buttonTarget.setAttribute("aria-expanded", "false");
|
||||||
@@ -45,7 +45,7 @@ export default class extends Controller {
|
|||||||
|
|
||||||
expand() {
|
expand() {
|
||||||
this.contentTarget.classList.remove("hidden");
|
this.contentTarget.classList.remove("hidden");
|
||||||
this.chevronTarget.classList.remove("rotate-180");
|
this.chevronTarget.classList.remove("-rotate-90");
|
||||||
this.collapsedValue = false;
|
this.collapsedValue = false;
|
||||||
if (this.hasButtonTarget) {
|
if (this.hasButtonTarget) {
|
||||||
this.buttonTarget.setAttribute("aria-expanded", "true");
|
this.buttonTarget.setAttribute("aria-expanded", "true");
|
||||||
|
|||||||
Reference in New Issue
Block a user