Skip to content

Commit bdf85ab

Browse files
vortisrdvortisrd
committed
Minimal Window Fix
1 parent 6504480 commit bdf85ab

4 files changed

Lines changed: 65 additions & 40 deletions

File tree

‎chat.html‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.min.css">
1414
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css">
1515

16-
<link rel="stylesheet" href="css/chatrd.css?nocache=48">
16+
<link rel="stylesheet" href="css/chatrd.css?nocache=49">
1717
<link id="chatrd-skins" rel="stylesheet" href="css/skin-default.css">
1818
</head>
1919
<body>
@@ -177,45 +177,45 @@
177177
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.2.6/dist/purify.min.js"></script>
178178
<script src="https://cdn.jsdelivr.net/npm/@streamerbot/client/dist/streamerbot-client.min.js"></script>
179179

180-
<script src="js/i18n-chatrd.js?nocache=48"></script>
180+
<script src="js/i18n-chatrd.js?nocache=49"></script>
181181

182-
<script src="js/speakerbot.js?nocache=48"></script>
183-
<script src="js/sb.js?nocache=48"></script>
184-
<script src="js/queue.js?nocache=48"></script>
182+
<script src="js/speakerbot.js?nocache=49"></script>
183+
<script src="js/sb.js?nocache=49"></script>
184+
<script src="js/queue.js?nocache=49"></script>
185185

186-
<script src="js/chatrd.js?nocache=48"></script>
186+
<script src="js/chatrd.js?nocache=49"></script>
187187

188-
<script src="js/modules/twitch/addon-seventv-paint.js?nocache=48"></script>
188+
<script src="js/modules/twitch/addon-seventv-paint.js?nocache=49"></script>
189189

190-
<link href="js/modules/twitch/module.css?nocache=48" rel="stylesheet">
191-
<script src="js/modules/twitch/module.js?nocache=48"></script>
190+
<link href="js/modules/twitch/module.css?nocache=49" rel="stylesheet">
191+
<script src="js/modules/twitch/module.js?nocache=49"></script>
192192

193-
<link href="js/modules/youtube/module.css?nocache=48" rel="stylesheet">
194-
<script src="js/modules/youtube/module.js?nocache=48"></script>
193+
<link href="js/modules/youtube/module.css?nocache=49" rel="stylesheet">
194+
<script src="js/modules/youtube/module.js?nocache=49"></script>
195195

196-
<link href="js/modules/tiktok/module.css?nocache=48" rel="stylesheet">
197-
<script src="js/modules/tiktok/module.js?nocache=48"></script>
196+
<link href="js/modules/tiktok/module.css?nocache=49" rel="stylesheet">
197+
<script src="js/modules/tiktok/module.js?nocache=49"></script>
198198

199-
<link href="js/modules/kick/module.css?nocache=48" rel="stylesheet">
200-
<script src="js/modules/kick/module.js?nocache=48"></script>
199+
<link href="js/modules/kick/module.css?nocache=49" rel="stylesheet">
200+
<script src="js/modules/kick/module.js?nocache=49"></script>
201201

202-
<link href="js/modules/streamelements/module.css?nocache=48" rel="stylesheet">
203-
<script src="js/modules/streamelements/module.js?nocache=48"></script>
202+
<link href="js/modules/streamelements/module.css?nocache=49" rel="stylesheet">
203+
<script src="js/modules/streamelements/module.js?nocache=49"></script>
204204

205-
<link href="js/modules/streamlabs/module.css?nocache=48" rel="stylesheet">
206-
<script src="js/modules/streamlabs/module.js?nocache=48"></script>
205+
<link href="js/modules/streamlabs/module.css?nocache=49" rel="stylesheet">
206+
<script src="js/modules/streamlabs/module.js?nocache=49"></script>
207207

208-
<link href="js/modules/patreon/module.css?nocache=48" rel="stylesheet">
209-
<script src="js/modules/patreon/module.js?nocache=48"></script>
208+
<link href="js/modules/patreon/module.css?nocache=49" rel="stylesheet">
209+
<script src="js/modules/patreon/module.js?nocache=49"></script>
210210

211-
<link href="js/modules/tipeeestream/module.css?nocache=48" rel="stylesheet">
212-
<script src="js/modules/tipeeestream/module.js?nocache=48"></script>
211+
<link href="js/modules/tipeeestream/module.css?nocache=49" rel="stylesheet">
212+
<script src="js/modules/tipeeestream/module.js?nocache=49"></script>
213213

214-
<link href="js/modules/kofi/module.css?nocache=48" rel="stylesheet">
215-
<script src="js/modules/kofi/module.js?nocache=48"></script>
214+
<link href="js/modules/kofi/module.css?nocache=49" rel="stylesheet">
215+
<script src="js/modules/kofi/module.js?nocache=49"></script>
216216

217-
<link href="js/modules/fourthwall/module.css?nocache=48" rel="stylesheet">
218-
<script src="js/modules/fourthwall/module.js?nocache=48"></script>
217+
<link href="js/modules/fourthwall/module.css?nocache=49" rel="stylesheet">
218+
<script src="js/modules/fourthwall/module.js?nocache=49"></script>
219219

220220
<script src="js/testmode.js"></script>
221221

‎css/chatrd.css‎

Lines changed: 31 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,7 @@ body {
5757

5858
#container .wrapper {
5959
flex: 1;
60+
min-width: 0;
6061
display: flex;
6162
flex-direction: column;
6263
overflow: hidden;
@@ -564,6 +565,7 @@ body {
564565

565566
.chat.vertical {
566567
flex: 1;
568+
min-width: 0;
567569
display: flex;
568570
flex-direction: column-reverse;
569571
padding: 10px;
@@ -574,6 +576,15 @@ body {
574576
-ms-overflow-style: none;
575577
}
576578

579+
/* Corrige o bug do flexbox (min-width:auto por padrão) que impede
580+
os itens de encolherem em janelas estreitas, fazendo o conteúdo
581+
ser cortado em vez de quebrar linha */
582+
.chat.vertical > .item,
583+
.chat.vertical > .event {
584+
min-width: 0;
585+
max-width: 100%;
586+
}
587+
577588
.chat.vertical .item {
578589
position: relative;
579590
color: #efeff1;
@@ -713,6 +724,7 @@ body {
713724

714725
.chat.oneline {
715726
flex: 1;
727+
min-width: 0;
716728
display: flex;
717729
flex-direction: column-reverse;
718730
padding: 10px;
@@ -723,6 +735,12 @@ body {
723735
-ms-overflow-style: none;
724736
}
725737

738+
.chat.oneline > .item,
739+
.chat.oneline > .event {
740+
min-width: 0;
741+
max-width: 100%;
742+
}
743+
726744
.chat.oneline .item {
727745
position: relative;
728746
color: #efeff1;
@@ -1043,12 +1061,19 @@ body {
10431061

10441062
.chat .event .message {
10451063
display: inline-block;
1064+
max-width: 100%;
1065+
overflow-wrap: break-word;
10461066
background: rgba(255,255,255,0.2);
10471067
padding: 10px 10px 10px 10px;
10481068
border-radius: 5px;
10491069
/*line-height: 125%;*/
10501070
}
10511071

1072+
.chat .event .message .info span {
1073+
display: inline-block;
1074+
padding: 2px 0;
1075+
}
1076+
10521077
.chat .event img {
10531078
vertical-align: middle;
10541079
height: 22px;
@@ -1070,7 +1095,11 @@ body {
10701095
text-shadow: 0 0 10px #FFF;
10711096
}
10721097

1073-
.chat .event .value .gift-info { display: inline-block; }
1098+
.chat .event .value .gift-info {
1099+
display: inline-block;
1100+
max-width: 100%;
1101+
overflow-wrap: break-word;
1102+
}
10741103
.chat .event .value .gift-info span.gift-image { display: inline-block; }
10751104
.chat .event .value .gift-info span.gift-value { display: inline-block; }
10761105

@@ -1322,8 +1351,4 @@ body {
13221351
#little-events .event .message {
13231352
padding: 0;
13241353
background: none;
1325-
}
1326-
1327-
1328-
1329-
1354+
}

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1079,8 +1079,8 @@ <h3 data-i18n="modal_actions.title">⚠️ Streamer.bot Actions Not Found ⚠️
10791079
<script src="js/libs/mchoice/multi-choice-field.js"></script>
10801080

10811081
<!-- i18n deve ser carregado ANTES do settings.js -->
1082-
<script src="js/i18n-settings.js?nocache=48"></script>
1083-
<script src="js/speakerbot.js?nocache=48"></script>
1084-
<script src="js/settings.js?nocache=48"></script>
1082+
<script src="js/i18n-settings.js?nocache=49"></script>
1083+
<script src="js/speakerbot.js?nocache=49"></script>
1084+
<script src="js/settings.js?nocache=49"></script>
10851085
</body>
10861086
</html>

‎js/chatrd.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -64,10 +64,10 @@ const loadedEmotes = new Set();
6464

6565
/* ✅ Explicit whitelist */
6666
const SKINS = {
67-
default: "skin-default.css?nocache=48",
68-
nutting: "skin-nutting.css?nocache=48",
69-
kimballs: "skin-kimballs.css?nocache=48",
70-
bubbles: "skin-bubbles.css?nocache=48"
67+
default: "skin-default.css?nocache=49",
68+
nutting: "skin-nutting.css?nocache=49",
69+
kimballs: "skin-kimballs.css?nocache=49",
70+
bubbles: "skin-bubbles.css?nocache=49"
7171
};
7272

7373
const skinFile = SKINS[chatrdSkin] || SKINS.default;

0 commit comments

Comments
 (0)