8000 nit fixes · forrestzhang/pyscript@8b7c397 · GitHub
[go: up one dir, main page]
Skip to content

Commit 8b7c397

Browse files
princiyaprinciya
committed
nit fixes
1 parent 9f95485 commit 8b7c397

File tree

3 files changed

+20
-42
lines changed

3 files changed

+20
-42
lines changed

‎pyscriptjs/examples/repl.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
#output > div {
2+
font-family: 'monospace';
3+
background-color: #e5e5e5;
4+
border: 1px solid lightgray;
5+
border-top: 0;
6+
font-size: 0.875rem;
7+
padding: 0.5rem;
8+
}
9+
10+
#output > div:first-child {
11+
border-top: 1px solid lightgray;
12+
}
13+
14+
#output > div:nth-child(even) {
15+
border: 0;
16+
}

‎pyscriptjs/examples/repl2.html

Lines changed: 1 addition & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -8,27 +8,9 @@
88

99
<link rel="icon" type="image/png" href="favicon.png" />
1010
<link rel="stylesheet" href="../build/pyscript.css" />
11+
<link rel="stylesheet" href="repl.css" />
1112

1213
<script defer src="../build/pyscript.js"></script>
13-
14-
<style>
15-
#output > div {
16-
font-family: 'monospace';
17-
background-color: #e5e5e5;
18-
border: 1px solid lightgray;
19-
border-top: 0;
20-
font-size: 0.875rem;
21-
padding: 0.5rem;
22-
}
23-
24-
#output > div:first-child {
25-
border-top: 1px solid lightgray;
26-
}
27-
28-
#output > div:nth-child(even) {
29-
border: 0;
30-
}
31-
</style>
3214
</head>
3315

3416
<py-env>

‎pyscriptjs/src/components/pyrepl.ts

Lines changed: 3 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -97,29 +97,9 @@ export class PyRepl extends BaseEvalElement {
9797
const mainDiv = document.createElement('div');
9898
addClasses(mainDiv, ["parentBox", "group", "flex", "flex-col", "mt-2", "mx-8", "relative"])
9999

100-
mainDiv.appendChild(this.editorNode);
101100
// add Editor to main PyScript div
102-
103-
// Settings button
104-
// this.btnConfig = document.createElement('button');
105-
// this.btnConfig.innerHTML =
106-
// '<svg id="" class="svelte-fa svelte-ps5qeg" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg>';
107-
// this.btnConfig.onclick = function toggleNavBar(evt) {
108-
// console.log('clicked');
109-
// componentDetailsNavOpen.set(!propertiesNavOpen);
110-
111-
// currentComponentDetails.set([
112-
// { key: 'auto-generate', value: true },
113-
// { key: 'output', value: 'default' },
114-
// { key: 'source', value: 'self' },
115-
// { key: 'output-mode', value: 'clear' },
116-
// ]);
117-
// };
118-
119-
// addClasses(this.btnConfig, buttonClasses);
120-
// addClasses(this.btnConfig, ['bg-blue-500']);
121-
// eDiv.appendChild(this.btnConfig);
122-
101+
mainDiv.appendChild(this.editorNode);
102+
123103
// Butons DIV
124104
const eDiv = document.createElement('div');
125105
addClasses(eDiv, "buttons-box opacity-0 group-hover:opacity-100 relative right-0 -top-4 z-10 flex flex-row-reverse space-x-reverse space-x-4 font-mono text-white text-sm font-bold leading-6 dev-buttons-group".split(" "))
@@ -171,7 +151,7 @@ export class PyRepl extends BaseEvalElement {
171151
// In this case neither output or std-out have been provided so we need
172152
// to create a new output div to output to
173153
this.outputElement = document.createElement('div');
174-
this.outputElement.classList.add('output', 'font-mono', 'ml-8', 'mt-4','text-sm');
154+
this.outputElement.classList.add('output', 'font-mono', 'ml-8', 'text-sm');
175155
this.outputElement.hidden = true;
176156
this.outputElement.id = this.id + '-' + this.getAttribute('exec-id');
177157

0 commit comments

Comments
 (0)
0