minetest-jp
/
wiki
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

モバイルヘッダのタイトルとロゴを中央にする

gh-pages
Rui 2018-01-16 17:50:29 +09:00 committed by GitHub
parent 542eca9e65
commit 9d1a3db591
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

@ -32,7 +32,7 @@ layout: compress
<body>
<!-- モバイルメニュー -->
<amp-sidebar id="sidebar" side="right" layout="nodisplay">
<amp-sidebar id="sidebar" side="left" layout="nodisplay">
<button on="tap:sidebar.close">
<amp-img
height = "2em"

15
_sass/_header.scss
View File

@ -3,12 +3,18 @@ header {
background: $header-background;
box-sizing: border-box;
font-weight: bold;
padding: 1em;
height: 3em;
line-height: 3em;
@include media-desktop {
padding: 0 1em;
}
@include media-mobile {
box-shadow: $header-mobile-box-shadow;
position: fixed;
width: 100%;
text-align: center;
z-index: 9999;
}
@ -24,8 +30,8 @@ header {
}
> amp-img {
float: left;
margin: $header-img-vertical-adjustment 1em 0 0;
margin-top: $header-img-vertical-adjustment;
vertical-align: middle;
}
}
@ -33,8 +39,11 @@ header {
background: transparent;
border: none;
float: right;
left: 1em;
object-fit: contain;
padding: 0 1em;
position: absolute;
top: 1em;
@include media-desktop {
display: none;