Use flexbox for issue reporter layout, fixes #44516

This commit is contained in:
Rachel Macfarlane
2018-03-02 15:50:05 -08:00
parent 99413dc9c6
commit 0c45c9b36d
3 changed files with 122 additions and 102 deletions

View File

@@ -103,21 +103,19 @@ textarea {
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", "Ubuntu", "Droid Sans", sans-serif;
color: #CCCCCC;
height: 100%;
}
body {
margin: 0;
overflow: scroll;
height: 100%;
}
.hidden {
display: none;
}
#block-container {
margin-top: 1em;
}
.block .block-info {
width: 100%;
font-family: 'Menlo', 'Courier New', 'Courier', monospace;
@@ -144,11 +142,32 @@ button:disabled {
max-width: 85vw;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
padding-top: 2em;
display: flex;
flex-direction: column;
height: 100%;
}
.description-section {
flex-grow: 1;
display: flex;
flex-direction: column;
flex-shrink: 0;
}
textarea {
flex-grow: 1;
min-height: 150px;
}
.block-info-text {
display: flex;
flex-grow: 1;
}
#github-submit-btn {
float: right;
flex-shrink: 0;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
}