mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-10 18:02:55 +00:00
fix: 调整各组件最大高度计算,考虑状态栏和导航栏高度
This commit is contained in:
parent
faeeb09a4a
commit
43577073e6
@ -845,9 +845,9 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
max-height: calc(var(--window-height, 100vh) - 344px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 344px);
|
||||||
@media (height <= 900px) {
|
@media (height <= 900px) {
|
||||||
max-height: calc(var(--window-height, 100vh) - 214px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 214px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ai-assistant-output {
|
.ai-assistant-output {
|
||||||
|
|||||||
@ -194,11 +194,11 @@
|
|||||||
|
|
||||||
.search-list {
|
.search-list {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: calc(var(--window-height, 100vh) - 305px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 305px);
|
||||||
overscroll-behavior: contain;
|
overscroll-behavior: contain;
|
||||||
|
|
||||||
@media (height <= 900px) {
|
@media (height <= 900px) {
|
||||||
max-height: calc(var(--window-height, 100vh) - 175px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 175px);
|
||||||
}
|
}
|
||||||
|
|
||||||
> ul {
|
> ul {
|
||||||
|
|||||||
@ -236,10 +236,10 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
max-height: calc(var(--window-height, 100vh) - 410px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 410px);
|
||||||
|
|
||||||
@media (height <= 900px) {
|
@media (height <= 900px) {
|
||||||
max-height: calc(var(--window-height, 100vh) - 280px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 280px);
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
.dialog-droup-word-chain {
|
.dialog-droup-word-chain {
|
||||||
.ivu-modal-body {
|
.ivu-modal-body {
|
||||||
max-height: calc(var(--window-height, 100vh) - 260px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 260px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-top: 0 !important;
|
padding-top: 0 !important;
|
||||||
padding-right: 0 !important;
|
padding-right: 0 !important;
|
||||||
@ -58,7 +58,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
max-height: calc(var(--window-height, 100vh) - 265px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 265px);
|
||||||
|
|
||||||
.source {
|
.source {
|
||||||
margin-right: 32px;
|
margin-right: 32px;
|
||||||
|
|||||||
@ -955,7 +955,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.project-panel-project-menu-dropdown {
|
.project-panel-project-menu-dropdown {
|
||||||
max-height: calc(var(--window-height, 100vh) - 120px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 120px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -963,7 +963,7 @@
|
|||||||
.project-panel-more-dropdown-warp {
|
.project-panel-more-dropdown-warp {
|
||||||
height: 400px;
|
height: 400px;
|
||||||
min-height: 120px;
|
min-height: 120px;
|
||||||
max-height: calc(var(--window-height, 100vh) - 250px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 250px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
|
|||||||
@ -548,7 +548,7 @@
|
|||||||
.taskflow-config-more-dropdown-warp {
|
.taskflow-config-more-dropdown-warp {
|
||||||
height: 400px;
|
height: 400px;
|
||||||
min-height: 180px;
|
min-height: 180px;
|
||||||
max-height: calc(var(--window-height, 100vh) - 250px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 250px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -235,10 +235,10 @@
|
|||||||
.dialog-list {
|
.dialog-list {
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
max-height: calc(var(--window-height, 100vh) - 310px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 310px);
|
||||||
|
|
||||||
@media (height <= 900px) {
|
@media (height <= 900px) {
|
||||||
max-height: calc(var(--window-height, 100vh) - 180px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 180px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog-item {
|
.dialog-item {
|
||||||
|
|||||||
@ -90,7 +90,7 @@
|
|||||||
.approve-mains {
|
.approve-mains {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
height: calc(var(--window-height, 100vh) - 190px - var(--status-bar-height) - var(--navigation-bar-height));
|
height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 190px);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.approve-main-left {
|
.approve-main-left {
|
||||||
|
|||||||
2
resources/assets/sass/pages/page-manage.scss
vendored
2
resources/assets/sass/pages/page-manage.scss
vendored
@ -339,7 +339,7 @@
|
|||||||
}
|
}
|
||||||
&.ivu-dropdown {
|
&.ivu-dropdown {
|
||||||
.ivu-select-dropdown {
|
.ivu-select-dropdown {
|
||||||
max-height: calc(var(--window-height, 100vh) - 120px);
|
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 120px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user