disabled link scenario development
This commit is contained in:
13
public/akaunting-js/generalAction.js
vendored
13
public/akaunting-js/generalAction.js
vendored
@ -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
6
public/css/app.css
vendored
@ -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;
|
||||
|
Reference in New Issue
Block a user