Notebook - text cell - minimum height fix (#14080)

* Adding minimum height to text cell element so whether empty or occupied with a single line of content, the container is the same height.

* Added styles to remove top padding/margin from first child element and set top-padding of container.

* Switch top padding to  px value

* Removed line-height and min-height as these are no longer necessary to maintain text-cell height.
This commit is contained in:
Hale Rankin
2021-01-28 15:52:40 -08:00
committed by GitHub
parent 23999951d0
commit 5bf1f640e8
2 changed files with 6 additions and 2 deletions

View File

@@ -5,8 +5,6 @@
.notebook-preview {
font-size: 14px;
line-height: 22px;
min-height: 22px;
word-wrap: break-word;
}

View File

@@ -9,6 +9,7 @@ text-cell-component {
text-cell-component .notebook-text {
display: flex;
outline: none;
min-height: 50px;
}
text-cell-component code-component {
flex-direction: column;
@@ -20,6 +21,11 @@ text-cell-component .notebook-preview {
user-select: none;
width: 100%;
outline: none;
padding-top: 14px;
}
text-cell-component .notebook-preview > *:first-child {
margin-top: 0;
padding-top: 0;
}
text-cell-component .show-markdown.show-preview code-component {
width: 50%