mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-12 19:35:50 +00:00
no message
This commit is contained in:
parent
10f5af5f09
commit
98e4c81b9b
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div v-transfer-dom :data-transfer="true" :class="{'transparent-mode': transparent }">
|
||||
<div v-transfer-dom :data-transfer="true" :class="{'micro-modal': value, 'transparent-mode': transparent }">
|
||||
<transition :name="transitions[0]">
|
||||
<div v-if="value" class="micro-modal-mask" @click="onClose" :style="maskStyle"></div>
|
||||
</transition>
|
||||
@ -134,6 +134,9 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.micro-modal {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
|
||||
&-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
||||
39
resources/assets/js/functions/web.js
vendored
39
resources/assets/js/functions/web.js
vendored
@ -996,8 +996,8 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
|
||||
},
|
||||
|
||||
reverseFilter() {
|
||||
return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(110%) !important; ' +
|
||||
'filter: invert(100%) hue-rotate(180deg) contrast(110%) !important;';
|
||||
return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(100%) !important; ' +
|
||||
'filter: invert(100%) hue-rotate(180deg) contrast(100%) !important;';
|
||||
},
|
||||
|
||||
noneFilter() {
|
||||
@ -1064,12 +1064,9 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
|
||||
video,
|
||||
iframe,
|
||||
canvas,
|
||||
:not(object):not(body) > embed,
|
||||
object,
|
||||
svg image,
|
||||
[style*="background:url"],
|
||||
[style*="background-image:url"],
|
||||
[style*="background: url"],
|
||||
[style*="background-image:url"],
|
||||
[style*="background-image: url"],
|
||||
[background],
|
||||
.no-dark-mode,
|
||||
@ -1079,15 +1076,18 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
input,
|
||||
.no-dark-content img,
|
||||
.no-dark-content video,
|
||||
.no-dark-content iframe,
|
||||
.no-dark-content canvas,
|
||||
.no-dark-content svg image,
|
||||
.no-dark-content [style*="background:url"],
|
||||
.no-dark-content [style*="background-image:url"],
|
||||
.no-dark-content [style*="background: url"],
|
||||
.no-dark-content [style*="background-image:url"],
|
||||
.no-dark-content [style*="background-image: url"],
|
||||
.no-dark-content [background],
|
||||
.no-dark-content [background] {
|
||||
${this.utils.noneFilter()}
|
||||
}
|
||||
|
||||
.fullscreen-mode img,
|
||||
.fullscreen-mode video,
|
||||
.fullscreen-mode iframe,
|
||||
@ -1095,6 +1095,25 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
|
||||
${this.utils.noneFilter()}
|
||||
}
|
||||
|
||||
/* Micro App */
|
||||
.micro-modal {
|
||||
${this.utils.reverseFilter()}
|
||||
will-change: auto;
|
||||
}
|
||||
|
||||
.micro-modal img,
|
||||
.micro-modal video,
|
||||
.micro-modal iframe,
|
||||
.micro-modal canvas,
|
||||
.micro-modal [style*="background:url"],
|
||||
.micro-modal [style*="background: url"],
|
||||
.micro-modal [style*="background-image:url"],
|
||||
.micro-modal [style*="background-image: url"],
|
||||
.micro-modal [background] {
|
||||
${this.utils.noneFilter()}
|
||||
will-change: auto;
|
||||
}
|
||||
|
||||
/* Text contrast */
|
||||
html {
|
||||
text-shadow: 0 0 0 !important;
|
||||
|
||||
2
resources/assets/js/store/actions.js
vendored
2
resources/assets/js/store/actions.js
vendored
@ -4680,7 +4680,7 @@ export default {
|
||||
event[key] = menuItem[key]
|
||||
}
|
||||
}
|
||||
emitter.emit('observeMicroApp', event);
|
||||
emitter.emit('observeMicroApp:open', event);
|
||||
},
|
||||
|
||||
/**
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user