diff --git a/src/web/app/mobile/tags/drive-folder-selector.tag b/src/web/app/mobile/tags/drive-folder-selector.tag index 98e883d7e7..6bf7302ecc 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 c6df92a05f..76abbc68bb 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 dfccc41e3b..4acf6bc1d4 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 1042c061da..34b08a718a 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