Browse Source

story-content: Improved visibility of chapter title.

1.1
Gisle Aune 6 years ago
parent
commit
b57873091b
  1. 2
      marko/page/story-content/components/chapter/index.marko
  2. 9
      marko/page/story-content/components/chapter/style.less

2
marko/page/story-content/components/chapter/index.marko

@ -1,5 +1,6 @@
<div class="story-chapter"> <div class="story-chapter">
<a class="anchor" id=input.chapter.id /> <a class="anchor" id=input.chapter.id />
<h1 if(input.chapter.title) class="title color-primary">${input.chapter.title}</h1>
<div class="metadata"> <div class="metadata">
<div class="options color-menu"> <div class="options color-menu">
<if-permitted user=input.user author=input.chapter.author permission="chapter.edit"> <if-permitted user=input.user author=input.chapter.author permission="chapter.edit">
@ -12,7 +13,6 @@
<a on-click("open", "remove") >Remove</a> <a on-click("open", "remove") >Remove</a>
</if-permitted> </if-permitted>
</div> </div>
<chapter-meta kind="title" value=input.chapter.title />
<chapter-meta kind="date" utc=true value=input.chapter.fictionalDate /> <chapter-meta kind="date" utc=true value=input.chapter.fictionalDate />
<chapter-meta weak kind="date" value=input.chapter.createdDate /> <chapter-meta weak kind="date" value=input.chapter.createdDate />
<chapter-meta weak kind="author" value=input.chapter.author /> <chapter-meta weak kind="author" value=input.chapter.author />

9
marko/page/story-content/components/chapter/style.less

@ -1,5 +1,12 @@
.story-chapter { .story-chapter {
padding-bottom: 1em;
padding-bottom: 2em;
h1.title {
border-bottom: 1px solid rgba(34, 187, 255, 0.25);
font-size: 1.75em;
margin: 0;
padding-bottom: 0.125em;
}
.metadata { .metadata {
padding: 0; padding: 0;

Loading…
Cancel
Save