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> <body>
<!-- モバイルメニュー --> <!-- モバイルメニュー -->
<amp-sidebar id="sidebar" side="right" layout="nodisplay"> <amp-sidebar id="sidebar" side="left" layout="nodisplay">
<button on="tap:sidebar.close"> <button on="tap:sidebar.close">
<amp-img <amp-img
height = "2em" height = "2em"

15
_sass/_header.scss
View File

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