Skip to content
This repository was archived by the owner on Jun 6, 2025. It is now read-only.

Commit 5f15675

Browse files
wyndchymewyndchyme
committed
The JSON table now scrolls horizontally on smaller video widths
1 parent e360f90 commit 5f15675

File tree

2 files changed

+46
-94
lines changed

2 files changed

+46
-94
lines changed

‎css/styles.css‎

Lines changed: 5 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -62,15 +62,15 @@ body {
6262
table {
6363
border-collapse: collapse;
6464
border-style: ridge;
65-
margin-left: 10%;
66-
width: 80%;
67-
border-color: #dddddd;
65+
padding-left: 10px;
66+
width: 100%;
67+
border-color: #dddddd;
6868
}
6969
td, th {
7070
border: 1px solid;
7171
text-align: center;
7272
background-color: #313233;
73-
padding: 6px;
73+
padding: 6px;
7474
}
7575
main {
7676
background-color: #222;
@@ -100,19 +100,7 @@ zoom: 115%;
100100
border-bottom: 3px solid #000;
101101
animation: slide 120s linear infinite; /* remove this line to make it static again */
102102
}
103-
table {
104-
border-collapse: collapse;
105-
border-style: ridge;
106-
margin-left: 10%;
107-
width: 80%;
108-
border-color: #101010;
109-
}
110-
td, th {
111-
border: 1px solid;
112-
text-align: center;
113-
background-color: #888;
114-
padding: 6px;
115-
}
103+
/* wyndchyme was here. Who defined "table" and "td, th" twice here? To hell with you. */
116104

117105
.grid-container {
118106
background-color: inherit;

‎sections/Json editing.html‎

Lines changed: 41 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -37,83 +37,47 @@ <h2 id="table">How to Edit Json Files</h2>
3737
<p>Learn how to edit json files using these json commands for mc3ds,
3838
each command will contain a description and snippet of code</p>
3939

40-
<table>
41-
<tr>
42-
<th style="width:15%">Name</th>
43-
<th style="width:45%">Function</th>
44-
<th style="width:100%">Code</th>
45-
</tr>
46-
<tr>
47-
<td>is_baby</td>
48-
<td>This command is used for component groups which reflect baby varients.</td>
49-
<td>"minecraft:is_baby": { }</td>
50-
</tr>
51-
<tr>
52-
<td>scale</td>
53-
<td>This command is used to rescale a compontent groups model, such as babies.</td>
54-
<td>"minecraft:scale": {"value": X}</td>
55-
</tr>
56-
<tr>
57-
<td>movement</td>
58-
<td>This command is used to set a compontent groups movement speed.</td>
59-
<td>"minecraft:movement": { "value": X}</td>
60-
</tr>
61-
<tr>
62-
<td>equipment</td>
63-
<td>This command is used to set a compontent groups held weapon or armor, such as skeletons.</td>
64-
<td>"minecraft:equipment": { "table": "loot_tables/entities/X.json"}</td>
65-
</tr>
66-
<tr>
67-
<td>test</td>
68-
<td>test2</td>
69-
<td>test3</td>
70-
</tr>
71-
<tr>
72-
<td>test</td>
73-
<td>test2</td>
74-
<td>test3</td>
75-
</tr>
76-
<tr>
77-
<td>test</td>
78-
<td>test2</td>
79-
<td>test3</td>
80-
</tr>
81-
<tr>
82-
<td>test</td>
83-
<td>test2</td>
84-
<td>test3</td>
85-
</tr>
86-
<tr>
87-
<td>test</td>
88-
<td>test2</td>
89-
<td>test3</td>
90-
</tr>
91-
<tr>
92-
<td>test</td>
93-
<td>test2</td>
94-
<td>test3</td>
95-
</tr>
96-
<tr>
97-
<td>test</td>
98-
<td>test2</td>
99-
<td>test3</td>
100-
</tr>
101-
<tr>
102-
<td>test</td>
103-
<td>test2</td>
104-
<td>test3</td>
105-
</tr>
106-
<tr>
107-
<td>test</td>
108-
<td>test2</td>
109-
<td>test3</td>
110-
</tr>
111-
<tr>
112-
<td>test</td>
113-
<td>test2</td>
114-
<td>test3</td>
115-
</tr>
116-
</table>
40+
<!-- wyndchyme was here. I am going to kill whoever wrote this table for not testing on smaller video widths.-->
41+
<div style="overflow-x: auto;">
42+
<table style="width: 100%; border-collapse: collapse;">
43+
<tr>
44+
<th style="width:15%;">Name</th>
45+
<th style="width:45%;">Function</th>
46+
<th style="min-width: 200px;">Code</th>
47+
</tr>
48+
<tr>
49+
<td>is_baby</td>
50+
<td>This command is used for component groups which reflect baby variants.</td>
51+
<td>"minecraft:is_baby": { }</td>
52+
</tr>
53+
<tr>
54+
<td>scale</td>
55+
<td>This command is used to rescale a component group's model, such as babies.</td>
56+
<td>"minecraft:scale": {"value": X}</td>
57+
</tr>
58+
<tr>
59+
<td>movement</td>
60+
<td>This command is used to set a component group's movement speed.</td>
61+
<td>"minecraft:movement": { "value": X}</td>
62+
</tr>
63+
<tr>
64+
<td>equipment</td>
65+
<td>This command is used to set a component group's held weapon or armor, such as skeletons.</td>
66+
<td>"minecraft:equipment": { "table": "loot_tables/entities/X.json"}</td>
67+
</tr>
68+
<tr>
69+
<td>test</td>
70+
<td>test2</td>
71+
<td>test3</td>
72+
</tr>
73+
<tr>
74+
<td>test</td>
75+
<td>test2</td>
76+
<td>test3</td>
77+
</tr>
78+
</table>
79+
</div>
80+
<!--wyndchyme was here. Start testing on mobile, dorks.-->
11781
</main>
11882
<!-- Settings Menu Modal -->
11983
<div class="settings-modal" id="settingsModal">

0 commit comments

Comments
 (0)