overflow scenario edited
This commit is contained in:
parent
2d134a6816
commit
ac9c4bd11d
2
public/css/app.css
vendored
2
public/css/app.css
vendored
@ -1588,7 +1588,7 @@ input[type="date"]::-webkit-inner-spin-button,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.overflow-overlay {
|
.overflow-overlay {
|
||||||
overflow: overlay !important;
|
overflow-x: overlay;
|
||||||
}
|
}
|
||||||
|
|
||||||
.py-top {
|
.py-top {
|
||||||
|
@ -125,7 +125,7 @@ export default {
|
|||||||
if (this.show) {
|
if (this.show) {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.modalDialogClass) {
|
if (this.modalDialogClass) {
|
||||||
@ -158,7 +158,7 @@ export default {
|
|||||||
onCancel() {
|
onCancel() {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
|
|
||||||
this.$emit("cancel");
|
this.$emit("cancel");
|
||||||
}
|
}
|
||||||
@ -169,9 +169,9 @@ export default {
|
|||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
if (val) {
|
if (val) {
|
||||||
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
} else {
|
} else {
|
||||||
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -154,7 +154,7 @@ export default {
|
|||||||
created: function () {
|
created: function () {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
|
|
||||||
if (this.modalDialogClass) {
|
if (this.modalDialogClass) {
|
||||||
let modal_size = this.modalDialogClass.replace('modal-', 'max-w-screen-');
|
let modal_size = this.modalDialogClass.replace('modal-', 'max-w-screen-');
|
||||||
@ -311,7 +311,7 @@ export default {
|
|||||||
onCancel() {
|
onCancel() {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
|
|
||||||
this.$emit("cancel");
|
this.$emit("cancel");
|
||||||
}
|
}
|
||||||
@ -322,9 +322,9 @@ export default {
|
|||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
if (val) {
|
if (val) {
|
||||||
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
} else {
|
} else {
|
||||||
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
2
resources/assets/sass/app.css
vendored
2
resources/assets/sass/app.css
vendored
@ -185,7 +185,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.overflow-overlay {
|
.overflow-overlay {
|
||||||
overflow: overlay !important;
|
overflow-x: overlay;
|
||||||
}
|
}
|
||||||
|
|
||||||
.py-top {
|
.py-top {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user