mirrors/mycorrhiza
1
0
Fork 0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2025-01-21 07:46:52 +00:00
Code Issues Releases Wiki Activity

Make the help topics sidebar look acceptable

Browse Source
This commit is contained in:
Timur Ismagilov 2021-07-12 15:13:12 +05:00
parent b1489cf11f
commit b955e4816a
3 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/default.css
View File

@ -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; }
.main-width { margin: 0; }
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%; }
.edit-toolbar__buttons {display: grid; }
}
@ -89,7 +89,7 @@ header { width: 100%; margin-bottom: 1rem; }
.main-width { margin: 0 auto; }
.backlinks { grid-column: 1 / span 1; margin-right: 0; }
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; }
.backlinks__title { text-align: right; }
@ -594,3 +594,14 @@ kbd {
left: -1.6rem;
top: .1rem;
}
/*
* Help topics sidebar
*/
.help-topics__list {
margin: .5rem 0;
padding-left: .5rem;
}
.help-topics__list ul {
padding-left: 1rem;
}

2
views/stuff.qtpl
View File

@ -64,7 +64,7 @@
{% func helpTopicsHTML() %}
<aside class="help-topics layout-card">
<h2 class="layout-card__title">Help topics</h2>
<ul>
<ul class="help-topics__list">
<li>
<a href="/help/en">Main</a>
</li>

2
views/stuff.qtpl.go
View File

@ -234,7 +234,7 @@ func streamhelpTopicsHTML(qw422016 *qt422016.Writer) {
qw422016.N().S(`
<aside class="help-topics layout-card">
<h2 class="layout-card__title">Help topics</h2>
<ul>
<ul class="help-topics__list">
<li>
<a href="/help/en">Main</a>
</li>