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

3
templates/Includes/DocumentationHead.ss
View File

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