Update UI for wizard themes further reading step (#7669)

This commit is contained in:
Penar Musaraj
2019-06-03 10:47:17 -04:00
committed by GitHub
parent f86a5bd5a9
commit 16982d2a69
8 changed files with 190 additions and 100 deletions

View File

@@ -464,6 +464,25 @@ body.wizard {
}
}
.wizard-step-themes-further-reading {
.wizard-field .input-area {
margin-top: 0;
}
.popular-themes {
display: flex;
a.popular-theme-item {
background: #F9F9F9;
padding: 8px;
margin: 0px 4px;
width: 25%;
&:hover {
background: #F3F3F3;
}
}
}
}
.textarea-field {
textarea {
width: 100%;
@@ -591,6 +610,16 @@ body.wizard {
.wizard-column-contents {
padding: 1em !important;
}
.wizard-step-themes-further-reading {
.popular-themes {
a.popular-theme-item {
width: 33.3%;
&:nth-child(4), &:nth-child(5) {
display: none;
}
}
}
}
.emoji-preview img {
width: 16px !important;
height: 16px !important;