Commit 5c2944b4ad237a641b01b843505d2a97d4278ef0
1 parent
17f6424a
add single style
Showing
6 changed files
with
22 additions
and
8 deletions
src/css/mobile.css
| 1 | .m-title-wrap, .m-label { | 1 | .m-title-wrap, .m-label { |
| 2 | display: none; } | 2 | display: none; } |
| 3 | 3 | ||
| 4 | -@media screen and (max-width: 768px) { | 4 | +@media screen and (max-device-width: 414px) { |
| 5 | .player_volume_wrapper, .ladda-label { | 5 | .player_volume_wrapper, .ladda-label { |
| 6 | display: none !important; } | 6 | display: none !important; } |
| 7 | .m-label { | 7 | .m-label { |
src/css/recording.css
| @@ -50,7 +50,9 @@ | @@ -50,7 +50,9 @@ | ||
| 50 | body { | 50 | body { |
| 51 | background-color: #E9EBF0; | 51 | background-color: #E9EBF0; |
| 52 | width: 100%; | 52 | width: 100%; |
| 53 | - height: 100%; } | 53 | + height: 100%; |
| 54 | + position: absolute; | ||
| 55 | + overflow: hidden; } | ||
| 54 | 56 | ||
| 55 | a { | 57 | a { |
| 56 | text-decoration: none; } | 58 | text-decoration: none; } |
src/js/gbreplayer.js
| @@ -28,8 +28,6 @@ $(function(){ | @@ -28,8 +28,6 @@ $(function(){ | ||
| 28 | var title = getQuery('title'); | 28 | var title = getQuery('title'); |
| 29 | $('.m-title').html(title); | 29 | $('.m-title').html(title); |
| 30 | 30 | ||
| 31 | - alert(title) | ||
| 32 | - | ||
| 33 | if (_role == 0) { | 31 | if (_role == 0) { |
| 34 | var apiUrl = gxb_api + "/programming/codeReplay/" + _codeReplayId + "/api"; | 32 | var apiUrl = gxb_api + "/programming/codeReplay/" + _codeReplayId + "/api"; |
| 35 | getLangid(apiUrl); | 33 | getLangid(apiUrl); |
| @@ -1243,7 +1241,7 @@ $(function(){ | @@ -1243,7 +1241,7 @@ $(function(){ | ||
| 1243 | }else{ | 1241 | }else{ |
| 1244 | $("#recordpanel").height($(window).height() - $recordpanel.top - 16 - 34); | 1242 | $("#recordpanel").height($(window).height() - $recordpanel.top - 16 - 34); |
| 1245 | $("#resultpanel").height($(window).height() - $resultpanel.top - 16 - 34); | 1243 | $("#resultpanel").height($(window).height() - $resultpanel.top - 16 - 34); |
| 1246 | - $(".CodeMirror").height($(window).height() - $recordpanel.top - 288); | 1244 | + $(".CodeMirror").height($(window).height() - $recordpanel.top - 253); |
| 1247 | } | 1245 | } |
| 1248 | $('#resultoutput').find('.tab-content').height($(window).height() - $resultoutput.top - 40).css({'overflow': "auto"}) | 1246 | $('#resultoutput').find('.tab-content').height($(window).height() - $resultoutput.top - 40).css({'overflow': "auto"}) |
| 1249 | 1247 |
src/js/player.js
| @@ -26,8 +26,6 @@ $(function(){ | @@ -26,8 +26,6 @@ $(function(){ | ||
| 26 | var title = getQuery('title'); | 26 | var title = getQuery('title'); |
| 27 | $('.m-title').html(title); | 27 | $('.m-title').html(title); |
| 28 | 28 | ||
| 29 | - alert('title') | ||
| 30 | - | ||
| 31 | console.log(_role) | 29 | console.log(_role) |
| 32 | 30 | ||
| 33 | CodingEditer.isRecordPage = 0; | 31 | CodingEditer.isRecordPage = 0; |
src/player.html
| @@ -168,7 +168,17 @@ | @@ -168,7 +168,17 @@ | ||
| 168 | .m-label{ | 168 | .m-label{ |
| 169 | display: none; | 169 | display: none; |
| 170 | } | 170 | } |
| 171 | - | 171 | + .m-title-wrap{ |
| 172 | + /*display: none;*/ | ||
| 173 | + width: 100%; | ||
| 174 | + height: 36px; | ||
| 175 | + line-height: 36px; | ||
| 176 | + background-color: #FFF; | ||
| 177 | + display: flex; | ||
| 178 | + justify-content: space-between; | ||
| 179 | + padding: 0 24px; | ||
| 180 | + border-bottom: 1px solid #eee; | ||
| 181 | + } | ||
| 172 | @media screen and (max-device-width: 414px) { | 182 | @media screen and (max-device-width: 414px) { |
| 173 | p{ | 183 | p{ |
| 174 | margin: 0; | 184 | margin: 0; |
| @@ -220,10 +230,14 @@ | @@ -220,10 +230,14 @@ | ||
| 220 | display: none !important; | 230 | display: none !important; |
| 221 | } | 231 | } |
| 222 | } | 232 | } |
| 233 | + | ||
| 223 | </style> | 234 | </style> |
| 224 | </head> | 235 | </head> |
| 225 | <body> | 236 | <body> |
| 226 | <div id="player"> | 237 | <div id="player"> |
| 238 | + <div class="m-title-wrap"> | ||
| 239 | + <div class="m-title"></div> | ||
| 240 | + </div> | ||
| 227 | <div class="play-editor"> | 241 | <div class="play-editor"> |
| 228 | <div class=""> | 242 | <div class=""> |
| 229 | <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button> | 243 | <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button> |