github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-01-19 14:18:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复对话窗口首次被键盘遮挡的问题

Browse Source
This commit is contained in:
kuaifan 2022-06-06 21:07:42 +08:00
parent 4bc05e258d
commit d0b2daa56b
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/assets/js/pages/manage/components/DialogModal.vue
View File

@ -18,6 +18,7 @@
body { body {
.ivu-modal-wrap { .ivu-modal-wrap {
&.dialog-modal { &.dialog-modal {
position: absolute;
overflow: hidden; overflow: hidden;
.ivu-modal { .ivu-modal {

17
resources/assets/js/pages/manage/components/TaskModal.vue
View File

@ -4,13 +4,22 @@
:styles="styles" :styles="styles"
:mask-closable="false" :mask-closable="false"
:footer-hide="true" :footer-hide="true"
:beforeClose="onBeforeClose"> :beforeClose="onBeforeClose"
<div class="page-manage-task-modal"> class-name="task-modal">
<TaskDetail ref="taskDetail" :task-id="taskId" :open-task="taskData" modalMode/> <TaskDetail ref="taskDetail" :task-id="taskId" :open-task="taskData" modalMode/>
</div>
</Modal> </Modal>
</template> </template>
<style lang="scss">
body {
.ivu-modal-wrap {
&.task-modal {
display: flex;
flex-direction: column;
}
}
}
</style>
<script> <script>
import {mapGetters, mapState} from "vuex"; import {mapGetters, mapState} from "vuex";
import TaskDetail from "./TaskDetail"; import TaskDetail from "./TaskDetail";

5
resources/assets/sass/pages/page-manage.scss vendored
View File

@ -396,11 +396,6 @@
} }
} }
.page-manage-task-modal {
display: flex;
flex-direction: column;
}
.page-manage-add-task-button-group { .page-manage-add-task-button-group {
margin-left: 8px !important; margin-left: 8px !important;
.ivu-dropdown { .ivu-dropdown {