development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-08-27 21:09:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Notebook UI heading tweaks (#188117)

Browse source 
* Notebook UI heading tweaks

* align styles
This commit is contained in:
Christian Bromann 2023-07-18 10:40:46 -07:00 committed by GitHub
parent 3e0786633b
commit e055922046
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 48 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
extensions/markdown-language-features/notebook/index.ts
View file

@ -176,42 +176,39 @@ export const activate: ActivationFunction<void> = (ctx) => {
hr {
border: 0;
height: 2px;
border-bottom: 2px solid;
}
h2, h3, h4, h5, h6 {
font-weight: normal;
height: 1px;
border-bottom: 1px solid;
}
h1 {
font-size: 2.3em;
font-size: 2em;
margin-top: 0;
padding-bottom: 0.3em;
border-bottom-width: 1px;
border-bottom-style: solid;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.7em;
}
h3 {
font-size: 1.5em;
padding-bottom: 0.3em;
border-bottom-width: 1px;
border-bottom-style: solid;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.3em;
font-size: 1em;
}
h5 {
font-size: 1.2em;
font-size: 0.875em;
}
h1,
h2,
h3 {
font-weight: normal;
h6 {
font-size: 0.85em;
}
div {
@ -229,12 +226,38 @@ export const activate: ActivationFunction<void> = (ctx) => {
}
/* Removes bottom margin when only one item exists in markdown cell */
#preview > *:only-child,
#preview > *:last-child {
#preview > *:not(h1):not(h2):only-child,
#preview > *:not(h1):not(h2):last-child {
margin-bottom: 0;
padding-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
margin-top: 24px;
margin-bottom: 16px;
line-height: 1.25;
}
.vscode-light h1,
.vscode-light h2,
.vscode-light hr,
.vscode-light td {
border-color: rgba(0, 0, 0, 0.18);
}
.vscode-dark h1,
.vscode-dark h2,
.vscode-dark hr,
.vscode-dark td {
border-color: rgba(255, 255, 255, 0.18);
}
/* makes all markdown cells consistent */
div {
min-height: var(--notebook-markdown-min-height);

2
src/vs/workbench/contrib/markdown/browser/markdownDocumentRenderer.ts
View file

@ -132,12 +132,14 @@ pre code {
}
.vscode-light h1,
.vscode-light h2,
.vscode-light hr,
.vscode-light td {
border-color: rgba(0, 0, 0, 0.18);
}
.vscode-dark h1,
.vscode-dark h2,
.vscode-dark hr,
.vscode-dark td {
border-color: rgba(255, 255, 255, 0.18);