bugfix: Tgui say zoom (#6756)

Author: dageavtobusnick

tgui/packages/tgui-say/TguiSay.tsx

@@ -74,6 +74,7 @@ export class TguiSay extends Component<{}, State> {
   }
 
   componentDidMount() {
+    windowSet(WINDOW_SIZES.small);
     Byond.subscribeTo('props', this.handleProps);
     Byond.subscribeTo('open', this.handleOpen);
   }
@@ -305,6 +306,7 @@ export class TguiSay extends Component<{}, State> {
     const { maxLength, lightMode } = data;
     this.maxLength = maxLength;
     this.lightMode = !!lightMode;
+    window.document.body.style['zoom'] = `${100 / window.devicePixelRatio}%`;
   };
 
   reset() {

tgui/packages/tgui-say/helpers.ts

@@ -39,8 +39,13 @@ export const windowSet = (size = WINDOW_SIZES.small) => {
 
 /** Helper function to set window size and visibility */
 const setWindowVisibility = (visible: boolean) => {
+  let sizeStr = `${WINDOW_SIZES.width}x${WINDOW_SIZES.small}`;
   Byond.winset('tgui_say', {
     'is-visible': visible,
-    size: `${WINDOW_SIZES.width}x${WINDOW_SIZES.small}`,
+    size: sizeStr,
+  });
+
+  Byond.winset('tgui_say.browser', {
+    size: sizeStr,
   });
 };

tgui/packages/tgui-say/styles/window.scss

@@ -21,35 +21,15 @@
   background-color: colors.$lightMode;
 }
 
-// Remove conditionals with 516
-@supports (not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) {
-  #react-root {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    height: 100%;
-    width: 100%;
-  }
-
-  /** Window sizes */
-  .window {
-    flex: 1;
-    min-height: 0;
-  }
+/** Window sizes */
+.window-30 {
+  height: 30px;
 }
 
-// Remove with 516
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  /** Window sizes */
-  .window-30 {
-    height: 30px;
-  }
-
-  .window-50 {
-    height: 50px;
-  }
+.window-50 {
+  height: 50px;
+}
 
-  .window-70 {
-    height: 70px;
-  }
+.window-70 {
+  height: 70px;
 }

tgui/packages/tgui/components/Input.js

@@ -159,6 +159,7 @@ export class Input extends Component {
             autofocus={false}
             ref={this.inputRef}
             className="Input__input"
+            type="search"
             placeholder={placeholder}
             onInput={this.handleInput}
             onFocus={this.handleFocus}