disabled link scenario development

This commit is contained in:
Burak Civan
2022-06-27 12:58:27 +03:00
parent e107954392
commit 135449f95d
5 changed files with 64 additions and 17 deletions

View File

@ -290,4 +290,15 @@ function OnInput() {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
}
//Auto Height for Textarea
//Auto Height for Textarea
//Loading scenario for href links
document.querySelectorAll('[data-link]').forEach((href) => {
href.addEventListener('click', function () {
this.classList.add('disabled-link');
this.querySelector('[data-link-loading]').classList.remove('hidden');
this.querySelector('[data-link-text]').classList.add('opacity-0');
this.querySelector('[data-link-text]').classList.remove('opacity-1');
});
});
//Loading scenario for href links

6
public/css/app.css vendored
View File

@ -35773,6 +35773,12 @@ html[dir='rtl'] .el-input__suffix {
text-overflow: unset;
}
.disabled-link{
pointer-events: none;
cursor: default;
opacity: 0.5;
}
@media only screen and (max-width: 480px) {
.small-table-width {
width: 450px;