Skip to content

Commit 15483d1

Browse files
S34NWparadisess13[bot]
S34NW
and
paradisess13[bot]
authored
Add modern equivalents of legacy IE-only CSS rules/properties (#25205)
* alternatives to legacy -ms stuff from TGUI * tgui build * bundle * rebuild --------- Co-authored-by: paradisess13[bot] <165046124+paradisess13[bot]@users.noreply.github.com>
1 parent fdea9d7 commit 15483d1

22 files changed

+117
-82
lines changed

‎tgui/packages/tgui-panel/styles/tgchat/chat-dark.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ img {
1212
margin: 0;
1313
padding: 0;
1414
line-height: 1;
15-
-ms-interpolation-mode: nearest-neighbor;
15+
-ms-interpolation-mode: nearest-neighbor; // TODO: Remove with 516
1616
image-rendering: pixelated;
1717
}
1818

‎tgui/packages/tgui-panel/styles/tgchat/chat-light.scss

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ img {
3030
margin: 0;
3131
padding: 0;
3232
line-height: 1;
33-
-ms-interpolation-mode: nearest-neighbor;
33+
-ms-interpolation-mode: nearest-neighbor; // TODO: Remove with 516
3434
image-rendering: pixelated;
3535
}
3636

@@ -183,12 +183,6 @@ a.popt {
183183
padding: 2px 0;
184184
}
185185

186-
.filterMessages input {
187-
}
188-
189-
.filterMessages label {
190-
}
191-
192186
.icon-stack {
193187
height: 1em;
194188
line-height: 1em;

‎tgui/packages/tgui/components/NanoMap.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,8 @@ export class NanoMap extends Component {
118118
top: '50%',
119119
left: '50%',
120120
transform: 'translate(-50%, -50%)',
121-
'-ms-interpolation-mode': 'nearest-neighbor',
121+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
122+
'image-rendering': 'pixelated',
122123
};
123124

124125
return (

‎tgui/packages/tgui/interfaces/CloningConsole.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,8 @@ const CloningConsoleMain = (props, context) => {
8686
)}
8787
style={{
8888
width: '100%',
89-
'-ms-interpolation-mode': 'nearest-neighbor',
89+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
90+
'image-rendering': 'pixelated',
9091
}}
9192
/>
9293
<Button

‎tgui/packages/tgui/interfaces/MedicalRecords.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -365,7 +365,8 @@ const MedicalRecordsViewGeneral = (_properties, context) => {
365365
width: '96px',
366366
'margin-top': '2.5rem',
367367
'margin-bottom': '0.5rem',
368-
'-ms-interpolation-mode': 'nearest-neighbor',
368+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
369+
'image-rendering': 'pixelated',
369370
}}
370371
/>
371372
<br />

‎tgui/packages/tgui/interfaces/PdaPainter.js

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,8 @@ const PdaMenu = (props, context) => {
5656
width: '32px',
5757
margin: '0px',
5858
'margin-left': '0px',
59-
'-ms-interpolation-mode': 'nearest-neighbor',
59+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
60+
'image-rendering': 'pixelated',
6061
}}
6162
/>
6263
</Table.Cell>
@@ -83,7 +84,8 @@ const PdaImage = (props, context) => {
8384
width: '160px',
8485
margin: '0px',
8586
'margin-left': '0px',
86-
'-ms-interpolation-mode': 'nearest-neighbor',
87+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
88+
'image-rendering': 'pixelated',
8789
}}
8890
/>
8991
<Button
@@ -110,7 +112,8 @@ const PdaImage = (props, context) => {
110112
width: '160px',
111113
margin: '0px',
112114
'margin-left': '0px',
113-
'-ms-interpolation-mode': 'nearest-neighbor',
115+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
116+
'image-rendering': 'pixelated',
114117
}}
115118
/>
116119
</Section>

‎tgui/packages/tgui/interfaces/SecurityRecords.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -379,7 +379,8 @@ const SecurityRecordsViewGeneral = (_properties, context) => {
379379
width: '96px',
380380
'margin-top': '5rem',
381381
'margin-bottom': '0.5rem',
382-
'-ms-interpolation-mode': 'nearest-neighbor',
382+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
383+
'image-rendering': 'pixelated',
383384
}}
384385
/>
385386
<br />

‎tgui/packages/tgui/interfaces/StripMenu.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -335,7 +335,8 @@ export const StripMenu = (props, context) => {
335335
height="100%"
336336
width="100%"
337337
style={{
338-
'-ms-interpolation-mode': 'nearest-neighbor',
338+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
339+
'image-rendering': 'pixelated',
339340
'vertical-align': 'middle',
340341
}}
341342
/>

‎tgui/packages/tgui/interfaces/pda/pda_mob_hunt.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,8 @@ export const pda_mob_hunt = (props, context) => {
7070
src={resolveAsset(entry.sprite)}
7171
style={{
7272
width: '64px',
73-
'-ms-interpolation-mode': 'nearest-neighbor',
73+
'-ms-interpolation-mode': 'nearest-neighbor', // TODO: Remove with 516
74+
'image-rendering': 'pixelated',
7475
}}
7576
/>
7677
</Flex.Item>

‎tgui/packages/tgui/styles/components/Button.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ $bg-map: colors.$bg-map !default;
5151
margin-bottom: base.em(2px);
5252
// Disable selection in buttons
5353
user-select: none;
54-
-ms-user-select: none;
54+
-ms-user-select: none; // TODO: Remove with 516
5555

5656
&:last-child {
5757
margin-right: 0;

‎tgui/packages/tgui/styles/components/Flex.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
*/
55

66
.Flex {
7-
display: -ms-flexbox;
7+
display: -ms-flexbox; // TODO: Remove with 516
88
display: flex;
99
}
1010

‎tgui/packages/tgui/styles/components/Input.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,14 @@ $border-radius: base.$border-radius !default;
7474
color: $text-color;
7575
color: inherit;
7676

77+
&::placeholder {
78+
font-style: italic;
79+
color: #777;
80+
color: rgba(255, 255, 255, 0.45);
81+
}
82+
83+
// TODO: Remove with 516
84+
7785
&:-ms-input-placeholder {
7886
font-style: italic;
7987
color: #777;
@@ -95,6 +103,13 @@ $border-radius: base.$border-radius !default;
95103
overflow: auto;
96104
white-space: pre-wrap;
97105

106+
&::placeholder {
107+
font-style: italic;
108+
color: #777;
109+
color: rgba(255, 255, 255, 0.45);
110+
}
111+
112+
// TODO: Remove with 516
98113
&:-ms-input-placeholder {
99114
font-style: italic;
100115
color: #777;

‎tgui/packages/tgui/styles/components/TextArea.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,13 @@ $border-radius: Input.$border-radius !default;
5555
word-wrap: break-word;
5656
overflow: hidden;
5757

58+
&::placeholder {
59+
font-style: italic;
60+
color: #777;
61+
color: rgba(255, 255, 255, 0.45);
62+
}
63+
64+
// TODO: Remove with 516
5865
&:-ms-input-placeholder {
5966
font-style: italic;
6067
color: rgba(125, 125, 125, 0.75);

‎tgui/packages/tgui/styles/interfaces/Contractor.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,8 @@
3131

3232
& > img {
3333
width: 96px;
34-
-ms-interpolation-mode: nearest-neighbor;
34+
-ms-interpolation-mode: nearest-neighbor; // TODO: Remove with 516
35+
image-rendering: pixelated;
3536
}
3637

3738
& > .Button {

‎tgui/packages/tgui/styles/interfaces/Newscaster.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,8 @@ $_gen_map: (
142142
width: 100px;
143143
border: 1px solid colors.$black;
144144
transition: border-color 0.3s;
145-
-ms-interpolation-mode: nearest-neighbor;
145+
-ms-interpolation-mode: nearest-neighbor; // TODO: Remove with 516
146+
image-rendering: pixelated;
146147

147148
&:hover {
148149
border-color: color.scale(colors.$black, $lightness: 50%);
@@ -154,7 +155,8 @@ $_gen_map: (
154155

155156
& > img {
156157
transform: scale(2);
157-
-ms-interpolation-mode: nearest-neighbor;
158+
-ms-interpolation-mode: nearest-neighbor; // TODO: Remove with 516
159+
image-rendering: pixelated;
158160
}
159161

160162
& > .Button {

‎tgui/packages/tgui/styles/layouts/TitleBar.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ $shadow-color: rgba(0, 0, 0, 0.1) !default;
1818
box-shadow: 0 2px 2px $shadow-color;
1919
box-shadow: 0 base.rem(2px) base.rem(2px) $shadow-color;
2020
user-select: none;
21-
-ms-user-select: none;
21+
-ms-user-select: none; // TODO: Remove with 516
2222
}
2323

2424
.TitleBar__clickable {

‎tgui/packages/tgui/styles/themes/paper.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,13 @@ $font-size: 24px;
111111
color: #fff;
112112
color: inherit;
113113

114+
&::placeholder {
115+
font-style: italic;
116+
color: #777;
117+
color: rgba(255, 255, 255, 0.45);
118+
}
119+
120+
// TODO: Remove with 516
114121
&:-ms-input-placeholder {
115122
font-style: italic;
116123
color: #777;

‎tgui/public/tgui-panel.bundle.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎tgui/public/tgui-panel.bundle.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)