NEW: Add help text about em dashes (#137)

closes #137
dwhieb · Jul 13, 2024 · 7e2af2d · 7e2af2d
1 parent 8c9c57a
commit 7e2af2d
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/components/em-dash/em-dash.hbs b/components/em-dash/em-dash.hbs
@@ -0,0 +1 @@
+<p class=help-text>An em dash (—) indicates that there is no data for that field.</p>
diff --git a/pages/Component/Component.css b/pages/Component/Component.css
@@ -5,6 +5,7 @@
 @import 'cite.css';
 @import 'code.css';
 @import 'external-link.css';
+@import 'help-text.css';
 @import 'inline-example.css';
 @import 'label.css';
 @import 'pre.css';
@@ -89,8 +90,10 @@ legend {
   row-gap:         1em;
 }
 
-.page-title {
-  width: 100%;
+.page-header {
+  align-items: center;
+  text-align:  center;
+  width:       100%;
 }
 
 table {

diff --git a/pages/Component/Component.hbs b/pages/Component/Component.hbs
@@ -3,7 +3,10 @@
   {{#with component }}
   <article>
 
-    <h1 class=page-title>{{ displayLanguage }}: <i class=inex>{{ displayForm }}</i></h1>
+    <header class=page-header>
+      <h1 class=page-title>{{ displayLanguage }}: <i class=inex>{{ displayForm }}</i></h1>
+      {{> em-dash/em-dash }}
+    </header>
 
     <fieldset>
       <legend class=label>Basics</legend>

diff --git a/pages/Search/Search.hbs b/pages/Search/Search.hbs
@@ -37,7 +37,7 @@
       <div class='results-info sticky'>
         <p class=num-results>Showing results {{ pagination.startIndex }}–{{ pagination.endIndex }} of {{ totalResults }}.</p>
         <p class=help-text>Click on a form in the table below to view more information about that component.</p>
-        <p class=help-text>An em dash (—) indicates that there is no data for that field.</p>
+        {{> em-dash/em-dash }}
       </div>
 
       {{> Search/components/pagination/pagination }}