Added logo button to all templates and fixed title clipping with logo…

… button
silverstripe · Nov 10, 2016 · de5b9b3 · de5b9b3
1 parent c1445b3
commit de5b9b3
Show file tree

Hide file tree

Showing 4 changed files with 104 additions and 9 deletions.
diff --git a/themes/docs/css/styles.css b/themes/docs/css/styles.css
@@ -100,13 +100,18 @@ form .message.error {
         display: none;
     }
     /* SilverStripe logo on top of page */
+	#masthead .menu-bar {
+		margin-bottom: 24px;
+		height: 40px;
+	}
+
     #masthead .logo {
         display: inline-block;
         float: left;
         height: 40px;
-        width: 75%; 
-        margin-bottom: 24px;
+        width: 140px;
         margin-left: 4px;
+		margin-top: 4px;
         background: url(https://www.silverstripe.org/themes/ssv3/img/global-logo-open-source.svg) no-repeat;
     }
 }
diff --git a/themes/docs/templates/DocumentationViewer.ss b/themes/docs/templates/DocumentationViewer.ss
@@ -5,13 +5,15 @@
 
 	<div id="masthead" <% if Versions %>class="has_versions"<% end_if %>>
 		<div class="wrapper">
-			<a class="logo" href="https://docs.silverstripe.org/"></a>
-			<a class="menu-toggle">
-				<span></span>
-				<span></span>
-				<span></span>
-				<span></span>
-			</a>
+			<div class="menu-bar">
+				<a class="logo" href="https://userhelp.silverstripe.org/"></a>
+				<a class="menu-toggle">
+					<span></span>
+					<span></span>
+					<span></span>
+					<span></span>
+				</a>
+			</div>
 			<% if Breadcrumbs.count > 1 %>
 				<% include DocumentationBreadcrumbs %>
 			<% else_if Page.Title %>

diff --git a/themes/docs/templates/DocumentationViewer_all.ss b/themes/docs/templates/DocumentationViewer_all.ss
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+
+<html>
+	<% include DocumentationHead %>
+
+	<div id="masthead" <% if Versions %>class="has_versions"<% end_if %>>
+		<div class="wrapper">
+
+			<div class="doc-breadcrumbs">
+				<p>
+					<div class="menu-bar">
+						<a class="logo" href="https://docs.silverstripe.org/"></a>
+						<a class="menu-toggle">
+							<span></span>
+							<span></span>
+							<span></span>
+							<span></span>
+						</a>
+					</div>
+					<a class="breadcrumb" href="$BaseHref">Documentation</a>
+					<span>/</span>
+					<a class="breadcrumb current">Index</a>
+				</p>
+			</div>
+
+
+
+		</div>
+	</div>
+
+	<div class="wrapper">
+		<div id="layout" class="clearfix">
+
+				$Layout
+
+				<% include DocumentationFooter %>
+
+		</div>
+	</div>
+
+
+	<% include DocumentationGA %>
+	<% include DocumentationEnd %>
+</html>
diff --git a/themes/docs/templates/DocumentationViewer_results.ss b/themes/docs/templates/DocumentationViewer_results.ss
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+
+<html>
+	<% include DocumentationHead %>
+
+	<div id="masthead" <% if Versions %>class="has_versions"<% end_if %>>
+		<div class="wrapper">
+
+			<div class="doc-breadcrumbs">
+				<p>
+					<div class="menu-bar">
+						<a class="logo" href="https://docs.silverstripe.org/"></a>
+						<a class="menu-toggle">
+							<span></span>
+							<span></span>
+							<span></span>
+							<span></span>
+						</a>
+					</div>
+					<a class="breadcrumb" href="$BaseHref">Documentation</a>
+					<span>/</span>
+					<a class="breadcrumb current">Search</a>
+				</p>
+			</div>
+
+
+
+		</div>
+	</div>
+
+	<div class="wrapper">
+		<div id="layout" class="clearfix">
+
+				$Layout
+
+				<% include DocumentationFooter %>
+
+		</div>
+	</div>
+
+
+	<% include DocumentationGA %>
+	<% include DocumentationEnd %>
+</html>