adjut maximum size and icons in dialog (#7201)

packages/theme/styles/dialogs.scss

@@ -322,10 +322,10 @@
     box-shadow: var(--theme-popup-shadow);
   }
   &.fullsize {
-    width: 100%;
+    width: calc(100vw - 3rem);
-    height: 100%;
+    height: calc(100vh - 4rem);
-    max-width: 100%;
+    max-width: calc(100vw - 3rem);
-    max-height: 100%;
+    max-height: calc(100vh - 4rem);
   }
 
   .header {

packages/ui/lang/en.json

@@ -92,6 +92,7 @@
     "Submit": "Submit",
     "NextStep": "Next step",
     "TypeHere": "Type here...",
+    "NormalSize": "Normal size",
     "FullSize": "Full size",
     "UseMaxWidth": "Max width",
     "Sidebar": "Sidebar",

packages/ui/lang/es.json

@@ -92,6 +92,7 @@
     "Submit": "Enviar",
     "NextStep": "Siguiente paso",
     "TypeHere": "Escribe aquí...",
+    "NormalSize": "Tamaño normal",
     "FullSize": "Tamaño completo",
     "UseMaxWidth": "Ancho máximo",
     "Sidebar": "Barra lateral",

packages/ui/lang/fr.json

@@ -92,6 +92,7 @@
     "Submit": "Soumettre",
     "NextStep": "Étape suivante",
     "TypeHere": "Tapez ici...",
+    "NormalSize": "Taille normale",
     "FullSize": "Taille réelle",
     "UseMaxWidth": "Largeur maximale",
     "Sidebar": "Barre latérale",

packages/ui/lang/it.json

@@ -92,6 +92,7 @@
     "Submit": "Invia",
     "NextStep": "Prossimo passo",
     "TypeHere": "Scrivi qui...",
+    "NormalSize": "Dimensioni normali",
     "FullSize": "Dimensione intera",
     "UseMaxWidth": "Larghezza massima",
     "Sidebar": "Barra laterale",

packages/ui/lang/pt.json

@@ -92,6 +92,7 @@
     "Submit": "Enviar",
     "NextStep": "Seguinte passo",
     "TypeHere": "Escreva aqui...",
+    "NormalSize": "Tamanho normal",
     "FullSize": "Tamanho completo",
     "UseMaxWidth": "Largura máxima",
     "Sidebar": "Barra lateral",

packages/ui/lang/ru.json

@@ -92,6 +92,7 @@
     "Submit": "Отправить",
     "NextStep": "Следующий шаг",
     "TypeHere": "Вводите здесь...",
+    "NormalSize": "Обычный размер",
     "FullSize": "Полный размер",
     "UseMaxWidth": "Максимальная ширина",
     "Sidebar": "Боковая панель",

packages/ui/lang/zh.json

@@ -92,6 +92,7 @@
     "Submit": "提交",
     "NextStep": "下一步",
     "TypeHere": "在此输入...",
+    "NormalSize": "正常尺寸",
     "FullSize": "全尺寸",
     "UseMaxWidth": "使用最大宽度",
     "Sidebar": "侧边栏",

packages/ui/src/components/Dialog.svelte

@@ -20,13 +20,14 @@
     Button,
     Label,
     IconClose,
-    IconScale,
+    IconMaximize,
-    IconScaleFull,
+    IconMinimize,
     resizeObserver,
     tooltip,
     deviceOptionsStore as deviceInfo,
     checkAdaptiveMatching
   } from '..'
+  import ui from '../plugin'
 
   export let label: IntlString | undefined = undefined
   export let isFullSize: boolean = false
@@ -69,11 +70,12 @@
       {#if isFullSize && !needFullSize}
         <Button
           focusIndex={100010}
-          icon={fullSize ? IconScale : IconScaleFull}
+          icon={fullSize ? IconMinimize : IconMaximize}
           kind={'ghost'}
           size={'medium'}
           selected={fullSize}
           id={'btnDialogFullScreen'}
+          showTooltip={{ label: fullSize ? ui.string.NormalSize : ui.string.FullSize }}
           on:click={() => (toggleFullSize = !toggleFullSize)}
         />
       {/if}

packages/ui/src/components/icons/Maximize.svelte

@@ -19,5 +19,7 @@
 </script>
 
 <svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path d="M7 3V2H2V7H3V3.707L12.293 13H9V14H14V9H13V12.293L3.707 3H7Z" />
+  <g transform="translate(16 0) scale(-1 1)">
+    <path d="M7 3V2H2V7H3V3.707L12.293 13H9V14H14V9H13V12.293L3.707 3H7Z" />
+  </g>
 </svg>

packages/ui/src/plugin.ts

@@ -119,6 +119,7 @@ export const uis = plugin(uiId, {
     NextStep: '' as IntlString,
     TypeHere: '' as IntlString,
 
+    NormalSize: '' as IntlString,
     FullSize: '' as IntlString,
     UseMaxWidth: '' as IntlString,
     Sidebar: '' as IntlString,