docs: add exit hints in steam deck manual

nvsukhanov · Mar 12, 2024 · a5f9b61 · a5f9b61
1 parent 12ea015
commit a5f9b61
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 3 deletions.
diff --git a/modules/shared/manuals/src/lib/common-styles.scss b/modules/shared/manuals/src/lib/common-styles.scss
@@ -34,3 +34,10 @@ p {
 h3 {
     font-weight: 500;
 }
+
+.hint {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-weight: 500;
+}
diff --git a/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.html b/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.html
@@ -145,4 +145,6 @@ <h3>{{ t('title') }}</h3>
         <li>{{ t('closeProperties') }}</li>
         <li>{{ t('result') }}</li>
     </ol>
+    <p class="hint"><mat-icon [fontIcon]="'info'"></mat-icon>{{ t('toExitDesktop') }}</p>
+    <p class="hint"><mat-icon [fontIcon]="'info'"></mat-icon>{{ t('toExitGameMode') }}</p>
 </section>
diff --git a/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.ts b/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgOptimizedImage } from '@angular/common';
 import { MatDivider } from '@angular/material/divider';
 import { TranslocoDirective, TranslocoPipe } from '@ngneat/transloco';
+import { MatIcon } from '@angular/material/icon';
 import { CodeBlockComponent } from '@app/shared-ui';
 
 import { COMMON_RESOURCES } from '../common-resources';
@@ -16,7 +17,8 @@ import { COMMON_RESOURCES } from '../common-resources';
         MatDivider,
         TranslocoPipe,
         TranslocoDirective,
-        CodeBlockComponent
+        CodeBlockComponent,
+        MatIcon
     ],
     changeDetection: ChangeDetectionStrategy.OnPush
 })

diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
@@ -706,7 +706,9 @@
         "openAppProperties": "Find \"MOC Commander\" in the Steam Client Library and open its properties (\"Gear Icon\" -> \"Properties\")",
         "addOption": "In \"Launch Options,\" add a space at the end of the line and the following option:",
         "closeProperties": "Close the properties window",
-        "result": "Now, the application will launch at the maximum available resolution."
+        "result": "Now, the application will launch at the maximum available resolution.",
+        "toExitDesktop": "To exit the application while in desktop mode, press L5 + R5 and then - 'Stop' in the Steam Client",
+        "toExitGameMode": "To exit the application in game mode, press the Steam button and select \"Exit game\"."
       }
     },
     "windowsInstallation": {

diff --git a/src/assets/i18n/ru.json b/src/assets/i18n/ru.json
@@ -706,7 +706,9 @@
         "openAppProperties": "Найдите \"MOC Commander\" в библиотеке клиента Steam и откройте его свойства (\"Иконка шестеренки\" -> \"Properties\")",
         "addOption": "В \"Launch Options\" добавьте пробел в конце строки и следующую опцию:",
         "closeProperties": "Закройте окно свойств",
-        "result": "Теперь приложение будет запускаться с максимально доступным разрешением."
+        "result": "Теперь приложение будет запускаться с максимально доступным разрешением.",
+        "toExitDesktop": "Для того, чтобы закрыть приложение находясь в Desktop Mode, нажмите L5 + R5, затем - \"Stop\" в Steam Client",
+        "toExitGameMode": "Закрыть приложение в игровом режиме можно с помощью нажатия на \"Steam button\", а затем - \"Exit game\"."
       }
     },
     "windowsInstallation": {