tonyair/silverstripe-docsviewer
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-docsviewer synced 2024-10-22 11:05:56 +02:00
Code Issues Projects Releases Wiki Activity

Feature/responsive scaling (#122)

Browse Source 
* Added viewport meta tag for mobile views and Added comments for hamburger styling

* Cleaned styling of hamburger
This commit is contained in:
Cam Findlay 2016-10-21 13:56:44 +13:00 committed by GitHub
parent e38b740d88
commit 4bd9f267bd
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/layout.css
View File

@ -732,7 +732,7 @@ html {
margin-left: auto;
margin-bottom: 20px;
width: 30px;
height: 30px;
height: 39px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
@ -751,7 +751,6 @@ html {
width: 100%;
background: #1389ce;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
@ -762,8 +761,8 @@ html {
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
/* Icon 3 */
/* Hamburger line positioning */
.menu-toggle span:nth-child(1) {
top: 8px;
}
@ -777,6 +776,7 @@ html {
top: 28px;
}
/* X line Animation */
.menu-toggle.open span:nth-child(1) {
top: 18px;
width: 0%;
@ -804,6 +804,7 @@ html {
}
}
/* Hamburger positioning */
@media (max-width:992px) {
#content {
float: right;

3
templates/Includes/DocumentationHead.ss
View File

@ -1,9 +1,8 @@
<head>
<% base_tag %>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><% if Title %>$Title &#8211; <% end_if %>$DocumentationTitle</title>
</head>
<body>