tonyair
/
doc.silverstripe.org
mirror of https://github.com/silverstripe/doc.silverstripe.org
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

WIP mobile header style override for docsviewer

This commit is contained in:
Jared Lee 2016-10-21 10:20:21 +13:00 committed by Cam Findlay
parent faf1b063d5
commit e8dc86a0e9
2 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
themes/docs/css/styles.css
View File

@ -91,10 +91,21 @@ form .message.error {
/* Remove global navigation in mobile view */ /* Remove global navigation in mobile view */
.nav-mobile { .nav-mobile {
display: block; display: block;
min-height: 0;
margin: 0;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.nav-mobile{ /*.nav-mobile{
display: none;
}*/
.site-header {
display: none; display: none;
} }
#sidebar a.logo {
height: 20px;
width: 20px;
background-color: red;
background: url(https://www.silverstripe.org/themes/ssv3/img/global-logo-open-source.svg);
}
} }

20
themes/docs/templates/DocumentationViewer.ss vendored
View File

@ -1,11 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<% include DocumentationHead %> <% include DocumentationHead %>
<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">
<% if Breadcrumbs.count > 1 %> <a class="menu-toggle">
<span></span>
<span></span>
<span></span>
<span></span>
</a>
<% if Breadcrumbs.count > 1 %>
<% include DocumentationBreadcrumbs %> <% include DocumentationBreadcrumbs %>
<% else_if Page.Title %> <% else_if Page.Title %>
<h1>$Page.Title</h1> <h1>$Page.Title</h1>
@ -18,8 +24,8 @@
<% include DocumentationVersions %> <% include DocumentationVersions %>
</div> </div>
</div> </div>
<div class="wrapper"> <div class="wrapper">
<div id="layout" class="clearfix"> <div id="layout" class="clearfix">
@ -27,11 +33,11 @@
<div id="content"> <div id="content">
$Layout $Layout
<% include DocumentationFooter %> <% include DocumentationFooter %>
</div> </div>
</div> </div>
</div> </div>
<% include DocumentationGA %> <% include DocumentationGA %>
<% include DocumentationEnd %> <% include DocumentationEnd %>
</html> </html>