Skip to content

Commit fac8a0d

Browse files
committed
feat: implement angle measure
1 parent 0c5cc09 commit fac8a0d

15 files changed

Lines changed: 1039 additions & 6 deletions

File tree

.claude/settings.local.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"permissions": {
3+
"allow": [
4+
"Bash(gh issue view 662 --repo ThatOpen/engine_components)",
5+
"WebFetch(domain:github.com)",
6+
"Bash(npx tsc --project packages/front/tsconfig.json --noEmit)",
7+
"Bash(npm run build)",
8+
"Bash(npx tsc --noEmit)"
9+
]
10+
}
11+
}

index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ <h3>Choose an example</h3>
2727
<a style="width: fit-content;" href="./packages\front\src\measurement\VolumeMeasurement\example.html">front/VolumeMeasurement</a>
2828
<a style="width: fit-content;" href="./packages\front\src\measurement\LengthMeasurement\example.html">front/LengthMeasurement</a>
2929
<a style="width: fit-content;" href="./packages\front\src\measurement\AreaMeasurement\example.html">front/AreaMeasurement</a>
30+
<a style="width: fit-content;" href="./packages\front\src\measurement\AngleMeasurement\example.html">front/AngleMeasurement</a>
3031
<a style="width: fit-content;" href="./packages\front\src\fragments\Outliner\example.html">front/Outliner</a>
3132
<a style="width: fit-content;" href="./packages\front\src\fragments\Hoverer\example.html">front/Hoverer</a>
3233
<a style="width: fit-content;" href="./packages\front\src\fragments\Highlighter\example.html">front/Highlighter</a>
Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9+
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
11+
<link rel="icon" type="image/x-icon" href="https://thatopen.github.io/engine_components/resources/favicon.ico">
12+
<title>Angle Measurement</title>
13+
<style>
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
font-family: "Plus Jakarta Sans", sans-serif;
18+
overflow: hidden;
19+
}
20+
21+
.full-screen {
22+
width: 100vw;
23+
height: 100vh;
24+
position: relative;
25+
overflow: hidden;
26+
}
27+
28+
.options-menu {
29+
position: fixed;
30+
min-width: unset;
31+
top: 5px;
32+
right: 5px;
33+
max-height: calc(100vh - 10px);
34+
z-index: 500;
35+
}
36+
37+
.phone-menu-toggler {
38+
visibility: hidden;
39+
}
40+
41+
@media (max-width: 480px) {
42+
.options-menu {
43+
visibility: hidden;
44+
bottom: 5px;
45+
left: 5px;
46+
z-index: 500;
47+
}
48+
49+
.options-menu-visible {
50+
visibility: visible;
51+
}
52+
53+
.phone-menu-toggler {
54+
visibility: visible;
55+
position: fixed;
56+
top: 5px;
57+
right: 5px;
58+
}
59+
}
60+
</style>
61+
</head>
62+
63+
<body>
64+
<div class="full-screen" id="container"></div>
65+
<script type="module" src="./example.ts"></script>
66+
</body>
67+
68+
</html>

0 commit comments

Comments
 (0)