MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved read more design.

Browse Source
This commit is contained in:
MattMo 2023-12-24 09:51:54 -08:00
parent 1c6a33cd0f
commit f9a8ac4317
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
readmore.js
View File

@ -17,7 +17,7 @@ class ReadMore extends IgniteElement {
}), }),
collapsed: true, collapsed: true,
collapsedValue: null, collapsedValue: null,
collapseButtonClass: "btn btn-none ps-2 text-primary" collapseButtonClass: "btn btn-none p-0 d-block text-primary"
}; };
} }
@ -28,7 +28,7 @@ class ReadMore extends IgniteElement {
new button() new button()
.show([this.value, this.limit], (value, limit) => value && value.length > limit) .show([this.value, this.limit], (value, limit) => value && value.length > limit)
.class(this.collapseButtonClass) .class(this.collapseButtonClass)
.innerText(this.collapsed, collapsed => collapsed ? "read more" : "read less") .innerText(this.collapsed, collapsed => collapsed ? "Read more" : "Read less")
.onClick(() => this.collapsed = !this.collapsed) .onClick(() => this.collapsed = !this.collapsed)
) )
} }