mirror of
https://github.com/osmarks/mycorrhiza.git
synced 2025-01-06 10:00:26 +00:00
Tweak HTML+CSS
This commit is contained in:
parent
2f7ea74866
commit
2efa3a8481
@ -102,21 +102,20 @@ header { width: 100%; margin-bottom: 1rem; }
|
||||
|
||||
*, *::before, *::after {box-sizing: border-box;}
|
||||
html { height:100%; padding:0; }
|
||||
body {height:100%; margin:0; }
|
||||
body, input, kbd { font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif; color: black; }
|
||||
main > form {margin-bottom:1rem;}
|
||||
textarea {font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;}
|
||||
|
||||
::-webkit-file-upload-button,
|
||||
.btn { line-height: normal; display: inline-block; border: 1px #999 solid; border-radius: .25rem; text-decoration: none; padding: .25rem; font-size: 1rem; margin: 0; }
|
||||
.btn_weak { border: 1px #999 dashed; }
|
||||
.btn_accent { font-weight: bold; }
|
||||
.btn:hover, .btn:active { cursor: pointer; }
|
||||
|
||||
.edit { min-height: 80vh; }
|
||||
.edit__title { margin-top: 0; }
|
||||
.edit__preview { border: 2px dashed #ddd; }
|
||||
.edit-form { height: calc(100vh - 12rem); }
|
||||
.edit-form__textarea {width:100%;height:calc(100% - 8rem);}
|
||||
.edit-form__textarea { width: 100%; height: calc(100% - 8rem); min-height: 4rem; }
|
||||
.edit-form label { font-style: italic; }
|
||||
.edit-form__message { width: 100%; margin: 0.25em 0; }
|
||||
.edit-form__save { font-weight: bold; }
|
||||
@ -249,6 +248,7 @@ header { background-color: #eee; }
|
||||
.header-links__link { color: black; }
|
||||
.header-links__link:hover { background-color: #ddd; }
|
||||
main { background-color: white; }
|
||||
.shy-link { color: black; }
|
||||
|
||||
blockquote { border-left: 2px #999 solid; }
|
||||
.wikilink_new {color:#a55858;}
|
||||
@ -278,8 +278,7 @@ a:visited, .wikilink_external:visited { color: #ffb86c; }
|
||||
.hypha-tabs__tab a, .hypha-tabs__tab { color: #ddd; background-color: #232323; border: 0; }
|
||||
.layout-card__title, .hypha-tabs__tab_active { background-color: #343434; }
|
||||
|
||||
|
||||
.transclusion .transclusion__link { color: #ddd; }
|
||||
.transclusion .transclusion__link, a.shy-link { color: #ddd; }
|
||||
|
||||
input[type="text"], input[type="password"],
|
||||
::-webkit-file-upload-button,
|
||||
|
@ -20,9 +20,9 @@
|
||||
<div class="non-existent-hypha__ways">
|
||||
<section class="non-existent-hypha__way">
|
||||
<h3 class="non-existent-hypha__subtitle">📝 Write a text</h3>
|
||||
<p>Write a note, a diary, an article, a story or anything textual using <a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup">Mycomarkup</a>. Full history of edits to the document will be saved.</p>
|
||||
<p>Write a note, a diary, an article, a story or anything textual using <a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup" class="shy-link">Mycomarkup</a>. Full history of edits to the document will be saved.</p>
|
||||
<p>Make sure to follow this wiki's writing conventions if there are any.</p>
|
||||
<a class="btn stick-to-bottom" href="/edit/{%s h.Name %}">Create</a>
|
||||
<a class="btn btn_accent stick-to-bottom" href="/edit/{%s h.Name %}">Create</a>
|
||||
</section>
|
||||
|
||||
<section class="non-existent-hypha__way">
|
||||
|
@ -68,9 +68,9 @@ func streamnonExistentHyphaNotice(qw422016 *qt422016.Writer, h *hyphae.Hypha, u
|
||||
<div class="non-existent-hypha__ways">
|
||||
<section class="non-existent-hypha__way">
|
||||
<h3 class="non-existent-hypha__subtitle">📝 Write a text</h3>
|
||||
<p>Write a note, a diary, an article, a story or anything textual using <a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup">Mycomarkup</a>. Full history of edits to the document will be saved.</p>
|
||||
<p>Write a note, a diary, an article, a story or anything textual using <a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup" class="shy-link">Mycomarkup</a>. Full history of edits to the document will be saved.</p>
|
||||
<p>Make sure to follow this wiki's writing conventions if there are any.</p>
|
||||
<a class="btn stick-to-bottom" href="/edit/`)
|
||||
<a class="btn btn_accent stick-to-bottom" href="/edit/`)
|
||||
//line views/hypha.qtpl:25
|
||||
qw422016.E().S(h.Name)
|
||||
//line views/hypha.qtpl:25
|
||||
|
@ -39,7 +39,7 @@
|
||||
</button>
|
||||
{% endfor %}
|
||||
</section>
|
||||
<p class="edit-toolbar__ad"><a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup" target="_blank">Learn more</a> about mycomarkup</p>
|
||||
<p class="edit-toolbar__ad"><a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup" target="_blank" class="shy-link">Learn more</a> about mycomarkup</p>
|
||||
<h2 class="edit-toolbar__title layout-card__title">Actions</h2>
|
||||
<section class="edit-toolbar__buttons">
|
||||
{% for _, el := range []struct{
|
||||
@ -81,8 +81,8 @@
|
||||
<label for="text">Describe your changes:</label><br>
|
||||
<input id="text" type="text" name="message" class="edit-form__message" placeholder="(optional)">
|
||||
<br/><br/>
|
||||
<input type="submit" name="action" class="btn" value="Save" class="edit-form__save"/>
|
||||
<input type="submit" name="action" class="btn" value="Preview" class="edit-form__preview">
|
||||
<input type="submit" name="action" class="btn btn_accent edit-form__save" value="Save"/>
|
||||
<input type="submit" name="action" class="btn edit-form__preview" value="Preview">
|
||||
<a href="/hypha/{%s hyphaName %}" class="btn btn_weak">Cancel</a>
|
||||
</form>
|
||||
</main>
|
||||
@ -104,9 +104,9 @@
|
||||
<label for="text">Edit description:</label>
|
||||
<input id="text" type="text" name="message" class="edit-form__message" value="{%s message %}">
|
||||
<br/><br/>
|
||||
<input type="submit" name="action" value="Save" class="edit-form__save"/>
|
||||
<input type="submit" name="action" value="Preview" class="edit-form__preview">
|
||||
<a href="/hypha/{%s hyphaName %}" class="edit-form__cancel">Cancel</a>
|
||||
<input type="submit" name="action" class="btn btn_accent" value="Save" class="edit-form__save"/>
|
||||
<input type="submit" name="action" class="btn" value="Preview" class="edit-form__preview">
|
||||
<a href="/hypha/{%s hyphaName %}" class="btn btn_weak">Cancel</a>
|
||||
</form>
|
||||
<p class="warning">Note that the hypha is not saved yet. You can preview the changes ↓</p>
|
||||
<article class="edit__preview">{%s= renderedPage %}</article>
|
||||
|
@ -87,7 +87,7 @@ func StreamToolbar(qw422016 *qt422016.Writer, u *user.User) {
|
||||
//line views/mutators.qtpl:40
|
||||
qw422016.N().S(`
|
||||
</section>
|
||||
<p class="edit-toolbar__ad"><a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup" target="_blank">Learn more</a> about mycomarkup</p>
|
||||
<p class="edit-toolbar__ad"><a href="https://mycorrhiza.lesarbr.es/hypha/mycomarkup" target="_blank" class="shy-link">Learn more</a> about mycomarkup</p>
|
||||
<h2 class="edit-toolbar__title layout-card__title">Actions</h2>
|
||||
<section class="edit-toolbar__buttons">
|
||||
`)
|
||||
@ -208,8 +208,8 @@ func StreamEditHTML(qw422016 *qt422016.Writer, rq *http.Request, hyphaName, text
|
||||
<label for="text">Describe your changes:</label><br>
|
||||
<input id="text" type="text" name="message" class="edit-form__message" placeholder="(optional)">
|
||||
<br/><br/>
|
||||
<input type="submit" name="action" class="btn" value="Save" class="edit-form__save"/>
|
||||
<input type="submit" name="action" class="btn" value="Preview" class="edit-form__preview">
|
||||
<input type="submit" name="action" class="btn btn_accent edit-form__save" value="Save"/>
|
||||
<input type="submit" name="action" class="btn edit-form__preview" value="Preview">
|
||||
<a href="/hypha/`)
|
||||
//line views/mutators.qtpl:86
|
||||
qw422016.E().S(hyphaName)
|
||||
@ -298,13 +298,13 @@ func StreamPreviewHTML(qw422016 *qt422016.Writer, rq *http.Request, hyphaName, t
|
||||
//line views/mutators.qtpl:105
|
||||
qw422016.N().S(`">
|
||||
<br/><br/>
|
||||
<input type="submit" name="action" value="Save" class="edit-form__save"/>
|
||||
<input type="submit" name="action" value="Preview" class="edit-form__preview">
|
||||
<input type="submit" name="action" class="btn btn_accent" value="Save" class="edit-form__save"/>
|
||||
<input type="submit" name="action" class="btn" value="Preview" class="edit-form__preview">
|
||||
<a href="/hypha/`)
|
||||
//line views/mutators.qtpl:109
|
||||
qw422016.E().S(hyphaName)
|
||||
//line views/mutators.qtpl:109
|
||||
qw422016.N().S(`" class="edit-form__cancel">Cancel</a>
|
||||
qw422016.N().S(`" class="btn btn_weak">Cancel</a>
|
||||
</form>
|
||||
<p class="warning">Note that the hypha is not saved yet. You can preview the changes ↓</p>
|
||||
<article class="edit__preview">`)
|
||||
|
Loading…
Reference in New Issue
Block a user