discourse
/
discourse-docs
mirror of https://github.com/discourse/discourse-docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Minor visual tweaks (#76)

This commit is contained in:
Jarek Radosz 2022-01-24 00:34:59 +01:00 committed by GitHub
parent 39f956fa13
commit 272488b0a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/stylesheets/common/docs.scss
View File

@ -45,7 +45,7 @@
.loading-container { .loading-container {
display: flex; display: flex;
flex-basis: 100%; flex-basis: 100%;
padding: 0.625em 0 0.625em 0.625em; padding: 0.625em 0;
} }
.docs-results { .docs-results {
display: flex; display: flex;
@ -57,17 +57,16 @@
} }
} }
.docs-filters { .docs-filters {
margin-top: 0.15em;
flex: 0 1 20%; flex: 0 1 20%;
@include breakpoint(tablet, min-width) { @include breakpoint(tablet, min-width) {
padding-right: 2em; padding-right: 2em;
} }
// min-width on flex allows container to // min-width on flex allows container to
// be more narrow than content if needed // be more narrow than content if needed
min-width: 175px; min-width: 200px;
} }
.docs-items { .docs-items {
padding: 0.57em 1em 1em 0; padding: 0.57em 0 1.5em 0;
a { a {
color: var(--primary); color: var(--primary);
@ -92,7 +91,6 @@
.d-icon { .d-icon {
height: 1em; height: 1em;
padding-bottom: 0.15em;
margin-right: 0.25em; margin-right: 0.25em;
color: var(--primary-high); color: var(--primary-high);
&.d-icon-plus { &.d-icon-plus {
@ -172,7 +170,7 @@
background: none; background: none;
color: var(--tertiary); color: var(--tertiary);
display: inline-flex; display: inline-flex;
font-size: $font-down-1; font-size: $font-0;
justify-content: normal; justify-content: normal;
padding: 0; padding: 0;
&::before { &::before {

4
assets/stylesheets/mobile/docs.scss
View File

@ -28,9 +28,6 @@
.docs-topic-link { .docs-topic-link {
padding-right: 0.25em; padding-right: 0.25em;
} }
.loading-container {
padding: 0.625em 0;
}
.docs-topic { .docs-topic {
width: calc(100vw - 20px); width: calc(100vw - 20px);
} }
@ -38,7 +35,6 @@
} }
.docs-filters { .docs-filters {
margin-top: 0;
background: var(--primary-very-low); background: var(--primary-very-low);
padding: 0 0.5em; padding: 0 0.5em;
.docs-items:first-of-type { .docs-items:first-of-type {