story-content: Improved visibility of chapter title.

2018-11-01 19:51:14 +01:00
parent 7a1884d1cf
commit b57873091b
2 changed files with 9 additions and 2 deletions
@@ -1,5 +1,6 @@
 <div class="story-chapter">
  <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="options color-menu">
      <if-permitted user=input.user author=input.chapter.author permission="chapter.edit">
@@ -12,7 +13,6 @@
        <a on-click("open", "remove") >Remove</a>
      </if-permitted>
    </div>
-    <chapter-meta kind="title" value=input.chapter.title />
    <chapter-meta kind="date" utc=true value=input.chapter.fictionalDate />
    <chapter-meta weak kind="date" value=input.chapter.createdDate />
    <chapter-meta weak kind="author" value=input.chapter.author />
@@ -1,5 +1,12 @@
 .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 {
    padding: 0;