Merge pull request #10916 from VOREStation/tab-safe-textarea

tgui input tweaks

tgui/packages/tgui/index.js

@@ -17,6 +17,7 @@ import './styles/themes/pda-retro.scss';
 import './styles/themes/retro.scss';
 import './styles/themes/syndicate.scss';
 import './styles/themes/wizard.scss';
+import './styles/themes/abstract.scss';
 
 import { perf } from 'common/perf';
 import { setupHotReloading } from 'tgui-dev-server/link/client';

tgui/packages/tgui/interfaces/AlertModal.js

@@ -70,6 +70,7 @@ export class AlertModal extends Component {
     return (
       <Window
         title={title}
+        theme="abstract"
         width={350}
         height={windowHeight}
         canClose={timeout > 0}>

tgui/packages/tgui/interfaces/InputModal.js

@@ -60,6 +60,7 @@ export const InputModal = (props, context) => {
           width="100%"
           height="100%"
           autoFocus
+          dontUseTabForIndent
           onKeyDown={handleKeyDown}
           onChange={(_e, val) => {
             setCurValue(val);
@@ -70,7 +71,7 @@ export const InputModal = (props, context) => {
   }
 
   return (
-    <Window title={title} width={initialWidth} height={initialHeight}>
+    <Window title={title} theme="abstract" width={initialWidth} height={initialHeight}>
       {timeout !== undefined && <Loader value={timeout} />}
       <Window.Content>
         <Stack fill vertical>

tgui/packages/tgui/interfaces/ListInput.js

@@ -120,6 +120,7 @@ export const ListInput = (props, context) => {
   return (
     <Window
       title={title}
+      theme="abstract"
       width={325}
       height={325}>
       {timeout !== undefined && <Loader value={timeout} />}

tgui/packages/tgui/styles/themes/abstract.scss

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2021 Aronai Sieyes
+ * SPDX-License-Identifier: MIT
+ */
+
+@use 'sass:color';
+@use 'sass:meta';
+
+.theme-abstract {
+  .TitleBar__statusIcon {
+      display: none;
+  }
+  .Layout__content {
+    background-image: none;
+  }
+  .TitleBar__title {
+    left: 12px;
+  }
+}