diff --git a/dev/prod/webpack.config.js b/dev/prod/webpack.config.js index 3669c434cd..2dce1b098f 100644 --- a/dev/prod/webpack.config.js +++ b/dev/prod/webpack.config.js @@ -277,7 +277,7 @@ module.exports = [ plugins: [ new HtmlWebpackPlugin({ meta: { - viewport: 'width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=1' + viewport: 'width=device-width, initial-scale=1' } }), ...(prod ? [new CompressionPlugin()] : []), diff --git a/packages/theme/styles/common.scss b/packages/theme/styles/common.scss index 3509ad2b06..6ea42526e3 100644 --- a/packages/theme/styles/common.scss +++ b/packages/theme/styles/common.scss @@ -149,8 +149,7 @@ width: 17.5rem; } &.right { - overflow: hidden; - border-radius: var(--medium-BorderRadius) 0 0 var(--medium-BorderRadius); + border-radius: var(--medium-BorderRadius); } } @@ -162,7 +161,7 @@ &:not(.right) { top: calc(var(--status-bar-height) + 1px); - height: calc(100% - var(--status-bar-height) - 1px); + height: calc(100% - var(--status-bar-height) - 2px); filter: drop-shadow(2px 0 5px rgba(0, 0, 0, .2)); &.portrait { left: 0; } @@ -171,12 +170,28 @@ &.right { top: var(--status-bar-height); right: 0; - height: calc(100% - var(--status-bar-height) - 1px); + height: calc(100% - var(--status-bar-height)); background-color: var(--theme-statusbar-color); filter: drop-shadow(-2px 0 5px rgba(0, 0, 0, .2)); } } } +@media (max-width: 480px) { + .mobile-theme { + .mobile-wrapper, + .antiPanel-navigator:not(.right) { + overflow: hidden; + border: 1px solid var(--theme-divider-color); + border-radius: var(--medium-BorderRadius); + } + .antiPanel-navigator:not(.right) { + top: var(--status-bar-height); + height: calc(100% - var(--status-bar-height)); + + .antiSeparator { display: none; } + } + } +} .antiPanel-component { overflow: hidden; flex-direction: column; diff --git a/packages/theme/styles/dialogs.scss b/packages/theme/styles/dialogs.scss index 5867c2727f..b4441ddc4b 100644 --- a/packages/theme/styles/dialogs.scss +++ b/packages/theme/styles/dialogs.scss @@ -304,7 +304,7 @@ display: flex; flex-direction: column; height: 100%; - min-width: 25rem; + min-width: 20rem; min-height: 0; background-color: var(--theme-popup-color); border-radius: .5rem; diff --git a/packages/theme/styles/global.scss b/packages/theme/styles/global.scss index a7f883a923..801bf1d7f0 100644 --- a/packages/theme/styles/global.scss +++ b/packages/theme/styles/global.scss @@ -147,7 +147,7 @@ body { height: var(--app-height); width: 100%; overflow: hidden; - touch-action: none; + // touch-action: none; @media print { overflow: visible !important; diff --git a/packages/theme/styles/panel.scss b/packages/theme/styles/panel.scss index 44e2af9301..0702583cd8 100644 --- a/packages/theme/styles/panel.scss +++ b/packages/theme/styles/panel.scss @@ -293,8 +293,6 @@ min-width: 0; min-height: 0; border-radius: var(--small-focus-BorderRadius); - border-top-right-radius: 0; - border-bottom-right-radius:0 ; &:not(.rowContent) { flex-direction: column; } .panel-instance & { @@ -590,5 +588,6 @@ } } .popup.fullsize { + align-items: center; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) !important; } diff --git a/packages/ui/src/components/Dialog.svelte b/packages/ui/src/components/Dialog.svelte index d9f9851e3f..9cc185ad8f 100644 --- a/packages/ui/src/components/Dialog.svelte +++ b/packages/ui/src/components/Dialog.svelte @@ -16,7 +16,17 @@
{/if} - {#if $$slots.utils && isFullSize} + {#if $$slots.utils && isFullSize && !needFullSize} {/if} - {#if isFullSize} + {#if isFullSize && !needFullSize}