Skip to content

Commit 1ed1830

Browse files
MaterArcMaterArc
authored
Remove Inline Styles
1 parent 9f82912 commit 1ed1830

File tree

1 file changed

+58
-54
lines changed

1 file changed

+58
-54
lines changed

‎features/video-recorder/popup.html‎

Lines changed: 58 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,63 @@
11
<div class="ReactModalPortal STE-ReactModalPortal">
2-
<div class="ReactModal__Overlay ReactModal__Overlay--after-open modal_modal-overlay_1Lcbx">
3-
<div class="ReactModal__Content ReactModal__Content--after-open modal_modal-content_1h3ll prompt_modal-content_1BfWj"
4-
tabindex="-1" role="dialog" aria-label="Rename Variable">
5-
<div class="box_box_2jjDp" dir="ltr" style="flex-direction: column; flex-grow: 1;">
6-
<div class="modal_header_1h7ps">
7-
<div class="modal_header-item_2zQTd modal_header-item-title_tLOU5">Video Recording</div>
8-
<div class="modal_header-item_2zQTd modal_header-item-close_2XDeL">
9-
<div aria-label="Close" class="close-button_close-button_lOp2G close-button_large_2oadS"
10-
role="button" tabindex="0"><img class="close-button_close-icon_HBCuO"
11-
src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjQ4IDcuNDgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvbi0tYWRkPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIzLjc0IiB5MT0iNi40OCIgeDI9IjMuNzQiIHkyPSIxIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMSIgeTE9IjMuNzQiIHgyPSI2LjQ4IiB5Mj0iMy43NCIvPjwvc3ZnPg==">
12-
</div>
13-
</div>
14-
</div>
15-
<style>
16-
.STE-ReactModalPortal .STE-recorded-video {
17-
width: 100%;
18-
height: 100%;
19-
border: 10px solid #ccc;
20-
border-radius: 10px;
21-
}
22-
23-
.STE-ReactModalPortal .STE-hide-button {
24-
display: none;
25-
}
26-
27-
.STE-ReactModalPortal .STE-left-text {
28-
text-align: left;
29-
}
30-
31-
.STE-ReactModalPortal .stopButton,
32-
.STE-ReactModalPortal .startButton,
33-
.STE-ReactModalPortal .downloadButton,
34-
.STE-ReactModalPortal .video-format-select {
35-
width: 100%;
36-
}
37-
</style>
38-
<div class="prompt_body_18Z-I box_box_2jjDp">
39-
<!-- <div class="prompt_label_tWjYZ box_box_2jjDp"></div>
2+
<div
3+
class="ReactModal__Overlay ReactModal__Overlay--after-open modal_modal-overlay_1Lcbx"
4+
>
5+
<div
6+
class="ReactModal__Content ReactModal__Content--after-open modal_modal-content_1h3ll prompt_modal-content_1BfWj"
7+
tabindex="-1"
8+
role="dialog"
9+
aria-label="Rename Variable"
10+
>
11+
<div
12+
class="box_box_2jjDp"
13+
dir="ltr"
14+
style="flex-direction: column; flex-grow: 1"
15+
>
16+
<div class="modal_header_1h7ps">
17+
<div class="modal_header-item_2zQTd modal_header-item-title_tLOU5">
18+
Video Recording
19+
</div>
20+
<div class="modal_header-item_2zQTd modal_header-item-close_2XDeL">
21+
<div
22+
aria-label="Close"
23+
class="close-button_close-button_lOp2G close-button_large_2oadS"
24+
role="button"
25+
tabindex="0"
26+
>
27+
<img
28+
class="close-button_close-icon_HBCuO"
29+
src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjQ4IDcuNDgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvbi0tYWRkPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIzLjc0IiB5MT0iNi40OCIgeDI9IjMuNzQiIHkyPSIxIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMSIgeTE9IjMuNzQiIHgyPSI2LjQ4IiB5Mj0iMy43NCIvPjwvc3ZnPg=="
30+
/>
31+
</div>
32+
</div>
33+
</div>
34+
<div class="prompt_body_18Z-I box_box_2jjDp">
35+
<!-- <div class="prompt_label_tWjYZ box_box_2jjDp"></div>
4036
<div class="box_box_2jjDp"><input class="prompt_variable-name-text-input_1iu8-"
4137
name="Rename all &quot;box size&quot; variables to:" value="box size"></div> -->
42-
<div class="prompt_button-row_3Wc5Z box_box_2jjDp STE-left-text">
43-
<button class="stopButton STE-hide-button"><span>Stop Recording</span></button>
44-
<button class="prompt_ok-button_3QFdD startButton scratchtoolsTag"><span>Start Recording</span></button>
45-
<br><br>
46-
<select class="video-format-select">
47-
<option value="mp4">mp4</option>
48-
<option value="webm">webm</option>
49-
</select>
50-
<br><br>
51-
Preview: <br>
52-
<video class="STE-recorded-video"></video>
53-
<button class="prompt_ok-button_3QFdD downloadButton scratchtoolsTag"><span>Download Video</span></button>
54-
</div>
55-
</div>
56-
</div>
38+
<div class="prompt_button-row_3Wc5Z box_box_2jjDp STE-left-text">
39+
<button class="stopButton STE-hide-button">
40+
<span>Stop Recording</span>
41+
</button>
42+
<button class="prompt_ok-button_3QFdD startButton scratchtoolsTag">
43+
<span>Start Recording</span>
44+
</button>
45+
<br /><br />
46+
<select class="video-format-select">
47+
<option value="mp4">mp4</option>
48+
<option value="webm">webm</option>
49+
</select>
50+
<br /><br />
51+
Preview: <br />
52+
<video class="STE-recorded-video"></video>
53+
<button
54+
class="prompt_ok-button_3QFdD downloadButton scratchtoolsTag"
55+
>
56+
<span>Download Video</span>
57+
</button>
58+
</div>
5759
</div>
60+
</div>
5861
</div>
59-
</div>
62+
</div>
63+
</div>

0 commit comments

Comments
 (0)