From 2adcd70dbfc292093bf6be6ebe3f03a53a951318 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 22 Mar 2017 13:56:19 +0900
Subject: [PATCH] [Client:Mobile] :art:

---
 src/web/app/mobile/tags/drive-folder-selector.tag | 13 ++++++++-----
 src/web/app/mobile/tags/drive-selector.tag        | 13 ++++++++-----
 src/web/app/mobile/tags/drive.tag                 |  9 ++++++++-
 src/web/app/mobile/tags/page/drive.tag            |  2 +-
 4 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/web/app/mobile/tags/drive-folder-selector.tag b/src/web/app/mobile/tags/drive-folder-selector.tag
index 98e883d7e..6bf7302ec 100644
--- a/src/web/app/mobile/tags/drive-folder-selector.tag
+++ b/src/web/app/mobile/tags/drive-folder-selector.tag
@@ -10,15 +10,18 @@
 	<style>
 		:scope
 			display block
+			position fixed
+			z-index 2048
+			top 0
+			left 0
+			width 100%
+			height 100%
+			padding 8px
+			background rgba(0, 0, 0, 0.2)
 
 			> .body
-				position fixed
-				z-index 2048
-				top 0
-				left 0
 				width 100%
 				height 100%
-				overflow hidden
 				background #fff
 
 				> header
diff --git a/src/web/app/mobile/tags/drive-selector.tag b/src/web/app/mobile/tags/drive-selector.tag
index c6df92a05..76abbc68b 100644
--- a/src/web/app/mobile/tags/drive-selector.tag
+++ b/src/web/app/mobile/tags/drive-selector.tag
@@ -10,15 +10,18 @@
 	<style>
 		:scope
 			display block
+			position fixed
+			z-index 2048
+			top 0
+			left 0
+			width 100%
+			height 100%
+			padding 8px
+			background rgba(0, 0, 0, 0.2)
 
 			> .body
-				position fixed
-				z-index 2048
-				top 0
-				left 0
 				width 100%
 				height 100%
-				overflow hidden
 				background #fff
 
 				> header
diff --git a/src/web/app/mobile/tags/drive.tag b/src/web/app/mobile/tags/drive.tag
index dfccc41e3..4acf6bc1d 100644
--- a/src/web/app/mobile/tags/drive.tag
+++ b/src/web/app/mobile/tags/drive.tag
@@ -54,8 +54,15 @@
 			display block
 			background #fff
 
+			&[data-is-naked]
+				> nav
+					top 48px
+
 			> nav
 				display block
+				position sticky
+				top 0
+				z-index 1
 				width 100%
 				padding 10px 12px
 				overflow auto
@@ -63,7 +70,7 @@
 				font-size 0.9em
 				color #555
 				background #fff
-				border-bottom solid 1px #dfdfdf
+				border-bottom solid 1px rgba(0, 0, 0, 0.13)
 
 				> p
 					display inline
diff --git a/src/web/app/mobile/tags/page/drive.tag b/src/web/app/mobile/tags/page/drive.tag
index 1042c061d..34b08a718 100644
--- a/src/web/app/mobile/tags/page/drive.tag
+++ b/src/web/app/mobile/tags/page/drive.tag
@@ -1,6 +1,6 @@
 <mk-drive-page>
 	<mk-ui ref="ui">
-		<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file }></mk-drive>
+		<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file } data-is-naked="true"></mk-drive>
 	</mk-ui>
 	<style>
 		:scope