Title & Instructions Heading

Move Instructions into translations, setup CSS for h2 & h3,
devnacho · Mar 11, 2019 · 223b6c2 · 223b6c2
1 parent 2805512
commit 223b6c2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/app/assets/stylesheets/mountain_view/styleguide.css b/app/assets/stylesheets/mountain_view/styleguide.css
@@ -90,6 +90,12 @@ body{
   color: #333;
 }
 
+.mv-main h2{
+    font-weight: 100;
+    font-size: 33px;
+    margin-bottom: 20px;
+}
+
 .mv-main__description {
 }
 
@@ -119,7 +125,7 @@ body{
   margin-top: 30px;
 }
 
-.mv-component__description h2{
+.mv-component__description h3{
   font-weight: bold;
   margin-bottom: 20px;
 }

diff --git a/app/views/mountain_view/styleguide/show.html.erb b/app/views/mountain_view/styleguide/show.html.erb
@@ -17,7 +17,7 @@
             <%= render_component @component.name, component_stub.properties.clone %>
           </div>
           <div class="mv-component__description">
-            <h3>Instructions for use</h3>
+            <h3><%= t('mountain_view.show.instruction_heading') %></h3>
             <% unless component_stub.meta_description.blank? %>
               <p><%= component_stub.meta_description %></p>
               <br />

diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -9,6 +9,7 @@ en:
       tip_stub_format_html: 'You should write stub examples like this:'
       hint_stub_creation_html: <span>Hint:</span>To see your component make sure you've created stubs
       tip_stub_creation_html: 'You should write stub examples here:'
+      instruction_heading: Instructions for use
     index:
       description_html:
         <p>Select one of the components from the side to view its examples and documentation.</p>