Skip to content

Commit 6e7684b

Browse files
everlosteeverloste
committed
dropdown maybe idk
1 parent 70406bd commit 6e7684b

File tree

3 files changed

+45
-1
lines changed

3 files changed

+45
-1
lines changed

‎dropdown.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<html>
2+
<head>
3+
<meta charset="utf-8" />
4+
<link rel="stylesheet" href="style.css" />
5+
</head>
6+
<body>
7+
<h2>Dropdown:</h2>
8+
<div class="dropdown">
9+
<a href="">
10+
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M560.3 301.2C570.7 313 588.6 315.6 602.1 306.7C616.8 296.9 620.8 277 611 262.3L563 190.3C560.2 186.1 556.4 182.6 551.9 180.1L351.4 68.7C332.1 58 308.6 58 289.2 68.7L88.8 180C83.4 183 79.1 187.4 76.2 192.8L27.7 282.7C15.1 306.1 23.9 335.2 47.3 347.8L80.3 365.5L80.3 418.8C80.3 441.8 92.7 463.1 112.7 474.5L288.7 574.2C308.3 585.3 332.2 585.3 351.8 574.2L527.8 474.5C547.9 463.1 560.2 441.9 560.2 418.8L560.2 301.3zM320.3 291.4L170.2 208L320.3 124.6L470.4 208L320.3 291.4zM278.8 341.6L257.5 387.8L91.7 299L117.1 251.8L278.8 341.6z"/></svg>
11+
Datapack config
12+
</a>
13+
<a href="">
14+
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M305.7 67.4C314.7 62.9 325.3 62.9 334.3 67.4L494.3 147.4C510.1 155.3 516.5 174.5 508.6 190.3C503 201.5 491.7 208 480 208L480 288C480 305.7 465.7 320 448 320L435 320L467 512L512 512C529.7 512 544 526.3 544 544C544 561.7 529.7 576 512 576L128 576C110.3 576 96 561.7 96 544C96 526.3 110.3 512 128 512L173 512L205 320L192 320C174.3 320 160 305.7 160 288L160 208C148.3 208 137 201.5 131.4 190.3C123.5 174.5 129.9 155.3 145.7 147.4L305.7 67.4zM406.7 512L320 450.1L233.3 512L406.7 512zM253.7 320L250.2 341.2L320.1 391.1L390 341.2L386.5 320L253.8 320zM241.4 393.9L231.3 454.5L278.8 420.6L241.4 393.9zM361.3 420.6L408.8 454.5L398.7 393.9L361.3 420.6zM248 192C234.7 192 224 202.7 224 216C224 229.3 234.7 240 248 240L392 240C405.3 240 416 229.3 416 216C416 202.7 405.3 192 392 192L248 192z"/></svg>
15+
Structure sets
16+
</a>
17+
<a href="">
18+
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 32C327 32 333.7 35.1 338.3 40.5L474.3 200.5C480.4 207.6 481.7 217.6 477.8 226.1C473.9 234.6 465.4 240 456 240L431.1 240L506.3 328.5C512.4 335.6 513.7 345.6 509.8 354.1C505.9 362.6 497.4 368 488 368L449.5 368L538.3 472.5C544.4 479.6 545.7 489.6 541.8 498.1C537.9 506.6 529.4 512 520 512L352 512L352 576C352 593.7 337.7 608 320 608C302.3 608 288 593.7 288 576L288 512L120 512C110.6 512 102.1 506.6 98.2 498.1C94.3 489.6 95.6 479.6 101.7 472.5L190.5 368L152 368C142.6 368 134.1 362.6 130.2 354.1C126.3 345.6 127.6 335.6 133.7 328.5L208.9 240L184 240C174.6 240 166.1 234.6 162.2 226.1C158.3 217.6 159.6 207.6 165.7 200.5L301.7 40.5C306.3 35.1 313 32 320 32z"/></svg>
19+
Biome providers
20+
</a>
21+
<a href="">
22+
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M240 64L320 64L320 120C320 133.3 330.7 144 344 144L424 144C437.3 144 448 133.3 448 120L448 64L528 64C554.5 64 576 85.5 576 112L576 528C576 554.5 554.5 576 528 576L419.2 576C427.4 561.9 432 545.5 432 528L432 368C442 354.6 448 338 448 320L448 288C448 243.8 412.2 208 368 208L192 208L192 112C192 85.5 213.5 64 240 64zM64 400L384 400L384 528C384 554.5 362.5 576 336 576L112 576C85.5 576 64 554.5 64 528L64 400zM80 256L368 256C385.7 256 400 270.3 400 288L400 320C400 337.7 385.7 352 368 352L80 352C62.3 352 48 337.7 48 320L48 288C48 270.3 62.3 256 80 256z"/></svg>
23+
Loot tables
24+
</a>
25+
</div>
26+
</body>
27+
</html>

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
<div class="header-middle">
1919
<p><a href="" id="config-screen-select">
2020
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M480 224C492.9 224 504.6 231.8 509.6 243.8C514.6 255.8 511.8 269.5 502.7 278.7L342.7 438.7C330.2 451.2 309.9 451.2 297.4 438.7L137.4 278.7C128.2 269.5 125.5 255.8 130.5 243.8C135.5 231.8 147.1 224 160 224L480 224z"/></svg>
21-
Config
21+
Datapack config
2222
</a></p>
2323
</div>
2424
<div>

‎style.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -355,4 +355,21 @@ svg.icon {
355355
position: relative;
356356
top: -0.1em;
357357
margin: 0 0.25em;
358+
}
359+
360+
.dropdown {
361+
border: var(--border-width) solid var(--background-above-above);
362+
background-color: var(--background-above);
363+
display: flex;
364+
flex-direction: column;
365+
width: max-content;
366+
padding: 0.5em 1em;
367+
gap: 0.5em;
368+
a {
369+
color: inherit;
370+
text-decoration: none;
371+
}
372+
svg.icon {
373+
height: 1em;
374+
}
358375
}

0 commit comments

Comments
 (0)