Add project's name in the content on small screens

Author: milmazz

assets/less/content/general.less

@@ -132,3 +132,13 @@ h1.section-heading {
     vertical-align: middle;
   }
 }
+
+.visible-xs {
+  display: none !important;
+}
+
+@media screen and (max-width: 767px) {
+  .visible-xs {
+    display: block !important;
+  }
+}

lib/ex_doc/formatter/html/templates/api_reference_template.eex

@@ -1,6 +1,9 @@
 <%= head_template(config, %{title: "API Reference", type: :extra}) %>
 <%= sidebar_template(config, modules, exceptions, protocols) %>
-  <h1>API Reference</h1>
+  <h1>
+    <small class="visible-xs"><%= config.project %></small>
+    API Reference
+  </h1>
 
   <ul class="summary-links">
     <%= unless Enum.empty?(modules) do %>

lib/ex_doc/formatter/html/templates/dist/app.css

@@ -2,6 +2,7 @@
     <%= sidebar_template(config, modules, exceptions, protocols) %>
 
       <h1>
+        <small class="visible-xs"><%= config.project %></small>
         <%= module.id %>
         <%= if module.type != :module do %>
           <small><%= module.type %></small>

lib/ex_doc/formatter/html/templates/module_template.eex

@@ -108,7 +108,7 @@ defmodule ExDoc.Formatter.HTML.TemplatesTest do
     content = get_module_page([CompiledWithDocs])
 
     assert content =~ ~r{<title>CompiledWithDocs [^<]*</title>}
-    assert content =~ ~r{<h1>\s*CompiledWithDocs\s*}
+    assert content =~ ~r{<h1>\n\s*<small class="visible-xs">Elixir</small>\n\s*CompiledWithDocs\s*}
     refute content =~ ~r{<small>module</small>}
     assert content =~ ~r{moduledoc.*Example.*CompiledWithDocs\.example.*}ms
     assert content =~ ~r{example/2.*Some example}ms
@@ -159,12 +159,12 @@ defmodule ExDoc.Formatter.HTML.TemplatesTest do
 
   test "module_page outputs behavior and callbacks" do
     content = get_module_page([CustomBehaviourOne])
-    assert content =~ ~r{<h1>\s*CustomBehaviourOne\s*<small>behaviour</small>}m
+    assert content =~ ~r{<h1>\n\s*<small class="visible-xs">Elixir</small>\n\s*CustomBehaviourOne\s*<small>behaviour</small>}m
     assert content =~ ~r{Callbacks}
     assert content =~ ~r{<div class="detail" id="c:hello/1">}
 
     content = get_module_page([CustomBehaviourTwo])
-    assert content =~ ~r{<h1>\s*CustomBehaviourTwo\s*<small>behaviour</small>\s*}m
+    assert content =~ ~r{<h1>\n\s*<small class="visible-xs">Elixir</small>\n\s*CustomBehaviourTwo\s*<small>behaviour</small>\s*}m
     assert content =~ ~r{Callbacks}
     assert content =~ ~r{<div class="detail" id="c:bye/1">}
   end
@@ -173,6 +173,6 @@ defmodule ExDoc.Formatter.HTML.TemplatesTest do
 
   test "module_page outputs the protocol type" do
     content = get_module_page([CustomProtocol])
-    assert content =~ ~r{<h1>\s*CustomProtocol\s*<small>protocol</small>\s*}m
+    assert content =~ ~r{<h1>\n\s*<small class="visible-xs">Elixir</small>\n\s*CustomProtocol\s*<small>protocol</small>\s*}m
   end
 end