Commit c4d438b9cd4099045da5fff862996d551234df33
1 parent
b7753166
title重叠
Showing
4 changed files
with
12 additions
and
4 deletions
src/css/mobile.css
| @@ -17,16 +17,17 @@ | @@ -17,16 +17,17 @@ | ||
| 17 | background: #FFF; } | 17 | background: #FFF; } |
| 18 | .m-title-wrap { | 18 | .m-title-wrap { |
| 19 | z-index: 99999; | 19 | z-index: 99999; |
| 20 | - width: 100%; | ||
| 21 | height: 36px; | 20 | height: 36px; |
| 22 | line-height: 36px; | 21 | line-height: 36px; |
| 23 | background-color: #FFF; | 22 | background-color: #FFF; |
| 24 | - display: flex; | 23 | + display: block; |
| 25 | justify-content: space-between; | 24 | justify-content: space-between; |
| 26 | padding: 0 24px; | 25 | padding: 0 24px; |
| 27 | border-bottom: 1px solid #eee; | 26 | border-bottom: 1px solid #eee; |
| 28 | white-space: nowrap; | 27 | white-space: nowrap; |
| 29 | overflow: auto; } | 28 | overflow: auto; } |
| 29 | + .m-title-wrap .m-title { | ||
| 30 | + float: left; } | ||
| 30 | .m-title-wrap .m-title, .m-title-wrap .m-menu { | 31 | .m-title-wrap .m-title, .m-title-wrap .m-menu { |
| 31 | padding-right: 12px; } | 32 | padding-right: 12px; } |
| 32 | .CodeMirror-gutter { | 33 | .CodeMirror-gutter { |
src/gxb-ide/Dir.js
src/scss/mobile.scss
| @@ -24,16 +24,19 @@ | @@ -24,16 +24,19 @@ | ||
| 24 | } | 24 | } |
| 25 | .m-title-wrap{ | 25 | .m-title-wrap{ |
| 26 | z-index: 99999; | 26 | z-index: 99999; |
| 27 | - width: 100%; | 27 | + // width: 100%; |
| 28 | height: 36px; | 28 | height: 36px; |
| 29 | line-height: 36px; | 29 | line-height: 36px; |
| 30 | background-color: #FFF; | 30 | background-color: #FFF; |
| 31 | - display: flex; | 31 | + display: block; |
| 32 | justify-content: space-between; | 32 | justify-content: space-between; |
| 33 | padding: 0 24px; | 33 | padding: 0 24px; |
| 34 | border-bottom: 1px solid #eee; | 34 | border-bottom: 1px solid #eee; |
| 35 | white-space: nowrap; | 35 | white-space: nowrap; |
| 36 | overflow: auto; | 36 | overflow: auto; |
| 37 | + .m-title{ | ||
| 38 | + float: left; | ||
| 39 | + } | ||
| 37 | .m-title, .m-menu{ | 40 | .m-title, .m-menu{ |
| 38 | padding-right: 12px; | 41 | padding-right: 12px; |
| 39 | } | 42 | } |