diff --git a/html/changelogs/SabreML-PR-tgui-say-style-fix.yml b/html/changelogs/SabreML-PR-tgui-say-style-fix.yml
new file mode 100644
index 00000000000..5d1317fc1e0
--- /dev/null
+++ b/html/changelogs/SabreML-PR-tgui-say-style-fix.yml
@@ -0,0 +1,13 @@
+# Your name.
+author: SabreML
+
+# Optional: Remove this file after generating master changelog. Useful for PR changelogs that won't get used again.
+delete-after: True
+
+# Any changes you've made. See valid prefix list above.
+# INDENT WITH TWO SPACES. NOT TABS. SPACES.
+# SCREW THIS UP AND IT WON'T WORK.
+# Also, this gets changed to [] after reading. Just remove the brackets when you add new shit.
+# Please surround your changes in double quotes ("). It works without them, but if you use certain characters it screws up compiling. The quotes will not show up in the changelog.
+changes:
+ - bugfix: "Adjusted the styling of the chat input box."
diff --git a/tgui/packages/tgui-say/TguiSay.tsx b/tgui/packages/tgui-say/TguiSay.tsx
index 5b77391ac7c..205ef9291c7 100644
--- a/tgui/packages/tgui-say/TguiSay.tsx
+++ b/tgui/packages/tgui-say/TguiSay.tsx
@@ -357,7 +357,7 @@ export class TguiSay extends Component<{}, State> {
className={`button button-${theme}`}
onClick={this.handleClose}
type="submit"
- style={{ width: '2rem', marginRight: '5px' }}
+ style={{ width: '2rem' }}
>
X
diff --git a/tgui/packages/tgui-say/constants.ts b/tgui/packages/tgui-say/constants.ts
index fc4a38a623c..e8c0b605986 100644
--- a/tgui/packages/tgui-say/constants.ts
+++ b/tgui/packages/tgui-say/constants.ts
@@ -8,8 +8,8 @@ export enum WINDOW_SIZES {
/** Line lengths for autoexpand */
export enum LINE_LENGTHS {
- small = 38,
- medium = 76,
+ small = 54,
+ medium = 108,
}
/**
diff --git a/tgui/packages/tgui-say/styles/colors.scss b/tgui/packages/tgui-say/styles/colors.scss
index 99c53a8caa6..b0a0e5d5eb1 100644
--- a/tgui/packages/tgui-say/styles/colors.scss
+++ b/tgui/packages/tgui-say/styles/colors.scss
@@ -7,57 +7,28 @@ $lightBorder: #bbbbbb;
$lightHover: #eaeaea;
$scrollbar-color-multiplier: 1 !default;
-////////////////////////////////////////////////
-// Normal chat colors
-$say: #a4bad6;
-$radio: #1ecc43;
-$me: #5975da;
-$ooc: #cca300;
-$looc: #e362b4;
-
-////////////////////////////////////////////////
-// Subchannel chat colors
-$ai: #d65d95;
-$admin: #ffbbff;
-$binary: #1e90ff;
-$centcom: #2681a5;
-$command: #5b8deb;
-$engi: #cc7b01;
-$hive: #855d85;
-$medical: #57b8f0;
-$science: #c68cfa;
-$security: #e21111;
-$syndicate: #ac6667;
-$service: #7fc732;
-$supply: #c09141;
-$hail: #8b4cd8;
-$ent: #cfcfcf;
-$cling: #376340;
-$exped: #d6bc67;
-
$_channel_map: (
- 'Say': $say,
- 'Comm': $radio,
- 'Radio': $radio,
- 'Me': $me,
- 'OOC': $ooc,
- 'LOOC': $looc,
- 'AI': $ai,
- 'io': $binary,
- 'Cmd': $command,
- 'Engi': $engi,
- 'Med': $medical,
- 'Sci': $science,
- 'Sec': $security,
- 'Merc': $syndicate,
- 'Synd': $syndicate,
- 'Pen': $syndicate,
- 'Svc': $service,
- 'Supp': $supply,
- 'Hail': $hail,
- 'Ent': $ent,
- 'Cling': $cling,
- 'Exped': $exped,
+ 'Say': #a4bad6,
+ 'Radio': #1ecc43,
+ 'Me': #5975da,
+ 'OOC': #cca300,
+ 'LOOC': #e362b4,
+ 'AI': #d65d95,
+ 'Cling': #376340,
+ 'Cmd': #5b8deb,
+ 'Engi': #cc7b01,
+ 'Ent': #cfcfcf,
+ 'Exped': #d6bc67,
+ 'Hail': #8b4cd8,
+ 'io': #1e90ff,
+ 'Med': #57b8f0,
+ 'Merc': #ac6667,
+ 'Pen': #ac6667,
+ 'Sci': #c68cfa,
+ 'Sec': #e21111,
+ 'Supp': #c09141,
+ 'Svc': #7fc732,
+ 'Synd': #ac6667,
);
$channel_keys: map.keys($_channel_map) !default;
diff --git a/tgui/packages/tgui-say/styles/content.scss b/tgui/packages/tgui-say/styles/content.scss
index 27ff9ede19e..7a7f235c858 100644
--- a/tgui/packages/tgui-say/styles/content.scss
+++ b/tgui/packages/tgui-say/styles/content.scss
@@ -3,11 +3,5 @@
flex: 1 1 0;
height: 100%;
width: 100%;
-}
-
-.input {
- display: flex;
- flex: 1 1 0;
- height: 100%;
- width: 100%;
+ min-height: 0px;
}
diff --git a/tgui/packages/tgui-say/styles/dragzone.scss b/tgui/packages/tgui-say/styles/dragzone.scss
index b06c5abfe98..45030131957 100644
--- a/tgui/packages/tgui-say/styles/dragzone.scss
+++ b/tgui/packages/tgui-say/styles/dragzone.scss
@@ -35,7 +35,6 @@ $borderSize: 2px;
.dragzone-vertical {
color: transparent;
height: 100%;
- position: absolute;
top: 0;
width: $dragSize;
}
diff --git a/tgui/packages/tgui-say/styles/window.scss b/tgui/packages/tgui-say/styles/window.scss
index 9d3db1cd8de..7fbd12cc6d8 100644
--- a/tgui/packages/tgui-say/styles/window.scss
+++ b/tgui/packages/tgui-say/styles/window.scss
@@ -21,13 +21,6 @@
background-color: colors.$lightMode;
}
-.window__content {
- display: flex;
- flex-direction: row;
- height: 100%;
- padding: 1px 0 1px 5px;
-}
-
/** Window sizes */
.window-30 {
height: 30px;