8000 fix cell input/output/format ui · ElixirNote/elixirnote@66a2d6c · GitHub
[go: up one dir, main page]
Skip to content

Commit 66a2d6c

Browse files
ciusjiciusji
committed
fix cell input/output/format ui
1 parent 0147211 commit 66a2d6c

File tree

7 files changed

+25
-20
lines changed

7 files changed

+25
-20
lines changed

‎packages/cells/src/inputarea.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -313,10 +313,10 @@ export class InputPrompt extends Widget implements IInputPrompt {
313313
set executionCount(value: string | null) {
314314
this._executionCount = value;
315315
if (value === null) {
316-
this.node.textContent = '>_';
316+
this.node.textContent = ' ';
317317
} else {
318-
// this.node.textContent = `[${value || ' '}]:`;
319-
this.node.textContent = '>_';
318+
this.node.textContent = `[${value || ' '}]:`;
319+
// this.node.textContent = '>_';
320320
}
321321
}
322322

‎packages/cells/style/inputarea.css

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,18 +29,21 @@
2929
.jp-InputPrompt {
3030
display: table-cell;
3131
vertical-align: top;
32-
width: var(--jp-cell-prompt-width);
32+
33+
/*width: var(--jp-cell-prompt-width);*/
34+
width: 100%;
3335
color: var(--jp-cell-inprompt-font-color);
3436
font-family: var(--jp-cell-prompt-font-family);
35-
padding: var(--jp-code-padding);
37+
38+
/*padding: var(--jp-code-padding);*/
3639
letter-spacing: var(--jp-cell-prompt-letter-spacing);
3740
opacity: var(--jp-cell-prompt-opacity);
3841
line-height: var(--jp-code-line-height);
39-
font-size: var(--jp-code-font-size);
42+
font-size: 11px;
4043
border: var(--jp-border-width) solid transparent;
4144

4245
/* Right align prompt text, don't wrap to handle large prompt numbers */
43-
text-align: right;
46+
text-align: left;
4447
white-space: nowrap;
4548
overflow: hidden;
4649
text-overflow: ellipsis;

‎packages/cells/style/widget.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@
1818
.jp-Cell {
1919
padding: var(--jp-cell-padding);
2020
margin: 0;
21-
border: none;
2221
outline: none;
2322
background: transparent;
2423
}
@@ -114,10 +113,12 @@
114113

115114
.jp-MarkdownOutput {
116115
/*display: table-cell;*/
117-
width: calc(100% - 64px);
116+
117+
/*width: calc(100% - 64px);*/
118+
width: 100%;
118119
margin-top: 0;
119120
margin-bottom: 0;
120-
padding: 0 16px;
121+
padding: 10px 6px;
121122
}
122123

123124
.jp-MarkdownOutput.jp-RenderedHTMLCommon {

‎packages/notebook/style/base.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
}
4040

4141
.jp-Notebook {
42-
padding: 10px 100px 10px 10px;
42+
padding: 10px 100px;
4343
outline: none;
4444
overflow: auto;
4545
background: var(--jp-layout-color0);

‎packages/outputarea/src/widget.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -870,10 +870,10 @@ export class OutputPrompt extends Widget implements IOutputPrompt {
870870
set executionCount(value: nbformat.ExecutionCount) {
871871
this._executionCount = value;
872872
if (value === null) {
873-
this.node.textContent = '>_';
873+
this.node.textContent = 'Output';
874874
} else {
875875
// this.node.textContent = `[${value}]:`;
876-
this.node.textContent = '';
876+
this.node.textContent = 'Output';
877877
}
878878
}
879879

‎packages/outputarea/style/base.css

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
}
1414

1515
.jp-OutputArea-child {
16-
display: table;
17-
table-layout: fixed;
16+
display: flex;
17+
flex-direction: column;
1818
width: 100%;
1919
overflow: hidden;
2020
}
@@ -25,15 +25,16 @@
2525
width: var(--jp-cell-prompt-width);
2626
color: var(--jp-cell-outprompt-font-color);
2727
font-family: var(--jp-cell-prompt-font-family);
28-
padding: var(--jp-code-padding);
28+
padding: 4px 0;
29+
margin-bottom: var(--jp-code-padding);
2930
letter-spacing: var(--jp-cell-prompt-letter-spacing);
3031
line-height: var(--jp-code-line-height);
31-
font-size: var(--jp-code-font-size);
32-
border: var(--jp-border-width) solid transparent;
32+
font-size: 11px;
33+
border-bottom: var(--jp-border-width) solid #e0e0e0;
3334
opacity: var(--jp-cell-prompt-opacity);
3 A83E 435

3536
/* Right align prompt text, don't wrap to handle large prompt numbers */
36-
text-align: right;
37+
text-align: left;
3738
white-space: nowrap;
3839
overflow: hidden;
3940
text-overflow: ellipsis;

‎packages/rendermime/style/base.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -611,7 +611,7 @@ h6:hover .jp-InternalAnchorLink {
611611
* code cells.
612612
*/
613613
.jp-RenderedHTMLCommon > *:last-child {
614-
margin-bottom: 0.5em;
614+
margin-bottom: 0;
615615
}
616616

617617
.jp-mimeType-highlight {

0 commit comments

Comments
 (0)
0