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

This commit is contained in:
Jared Lee 2016-10-21 15:50:52 +13:00 committed by Cam Findlay
parent c1445b3409
commit de5b9b33ee
4 changed files with 104 additions and 9 deletions

View File

@ -100,13 +100,18 @@ form .message.error {
display: none; display: none;
} }
/* SilverStripe logo on top of page */ /* SilverStripe logo on top of page */
#masthead .menu-bar {
margin-bottom: 24px;
height: 40px;
}
#masthead .logo { #masthead .logo {
display: inline-block; display: inline-block;
float: left; float: left;
height: 40px; height: 40px;
width: 75%; width: 140px;
margin-bottom: 24px;
margin-left: 4px; margin-left: 4px;
margin-top: 4px;
background: url(https://www.silverstripe.org/themes/ssv3/img/global-logo-open-source.svg) no-repeat; background: url(https://www.silverstripe.org/themes/ssv3/img/global-logo-open-source.svg) no-repeat;
} }
} }

View File

@ -5,13 +5,15 @@
<div id="masthead" <% if Versions %>class="has_versions"<% end_if %>> <div id="masthead" <% if Versions %>class="has_versions"<% end_if %>>
<div class="wrapper"> <div class="wrapper">
<a class="logo" href="https://docs.silverstripe.org/"></a> <div class="menu-bar">
<a class="menu-toggle"> <a class="logo" href="https://userhelp.silverstripe.org/"></a>
<span></span> <a class="menu-toggle">
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
</a> <span></span>
</a>
</div>
<% if Breadcrumbs.count > 1 %> <% if Breadcrumbs.count > 1 %>
<% include DocumentationBreadcrumbs %> <% include DocumentationBreadcrumbs %>
<% else_if Page.Title %> <% else_if Page.Title %>

View File

@ -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>

View File

@ -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>