mirror of
https://github.com/osmarks/mycorrhiza.git
synced 2025-04-26 20:43:11 +00:00
Make the help topics sidebar look acceptable
This commit is contained in:
parent
b1489cf11f
commit
b955e4816a
@ -74,7 +74,7 @@ header { width: 100%; margin-bottom: 1rem; }
|
|||||||
.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; row-gap: 1rem; }
|
.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; row-gap: 1rem; }
|
||||||
.main-width { margin: 0; }
|
.main-width { margin: 0; }
|
||||||
main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
|
main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
|
||||||
.sister-hyphae, .edit-toolbar { grid-column: 2 / span 1; grid-row: 1 / span 1; }
|
.sister-hyphae, .edit-toolbar, .help-topics { grid-column: 2 / span 1; grid-row: 1 / span 1; }
|
||||||
.layout-card { width: 100%; }
|
.layout-card { width: 100%; }
|
||||||
.edit-toolbar__buttons {display: grid; }
|
.edit-toolbar__buttons {display: grid; }
|
||||||
}
|
}
|
||||||
@ -89,7 +89,7 @@ header { width: 100%; margin-bottom: 1rem; }
|
|||||||
.main-width { margin: 0 auto; }
|
.main-width { margin: 0 auto; }
|
||||||
.backlinks { grid-column: 1 / span 1; margin-right: 0; }
|
.backlinks { grid-column: 1 / span 1; margin-right: 0; }
|
||||||
main { grid-column: 2 / span 1; }
|
main { grid-column: 2 / span 1; }
|
||||||
.sister-hyphae, .edit-toolbar { grid-column: 3 / span 1; margin-left: 0; }
|
.sister-hyphae, .edit-toolbar, .help-topics { grid-column: 3 / span 1; margin-left: 0; }
|
||||||
.edit-toolbar__buttons { grid-template-columns: 1fr; }
|
.edit-toolbar__buttons { grid-template-columns: 1fr; }
|
||||||
|
|
||||||
.backlinks__title { text-align: right; }
|
.backlinks__title { text-align: right; }
|
||||||
@ -594,3 +594,14 @@ kbd {
|
|||||||
left: -1.6rem;
|
left: -1.6rem;
|
||||||
top: .1rem;
|
top: .1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Help topics sidebar
|
||||||
|
*/
|
||||||
|
.help-topics__list {
|
||||||
|
margin: .5rem 0;
|
||||||
|
padding-left: .5rem;
|
||||||
|
}
|
||||||
|
.help-topics__list ul {
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
@ -64,7 +64,7 @@
|
|||||||
{% func helpTopicsHTML() %}
|
{% func helpTopicsHTML() %}
|
||||||
<aside class="help-topics layout-card">
|
<aside class="help-topics layout-card">
|
||||||
<h2 class="layout-card__title">Help topics</h2>
|
<h2 class="layout-card__title">Help topics</h2>
|
||||||
<ul>
|
<ul class="help-topics__list">
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/en">Main</a>
|
<a href="/help/en">Main</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -234,7 +234,7 @@ func streamhelpTopicsHTML(qw422016 *qt422016.Writer) {
|
|||||||
qw422016.N().S(`
|
qw422016.N().S(`
|
||||||
<aside class="help-topics layout-card">
|
<aside class="help-topics layout-card">
|
||||||
<h2 class="layout-card__title">Help topics</h2>
|
<h2 class="layout-card__title">Help topics</h2>
|
||||||
<ul>
|
<ul class="help-topics__list">
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/en">Main</a>
|
<a href="/help/en">Main</a>
|
||||||
</li>
|
</li>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user