add single style

ykxie
1 parent 17f6424a
Showing 6 changed files with 22 additions and 8 deletions
src/css/mobile.css
src/css/recording.css
src/js/gbreplayer.js
src/js/player.js
src/player.html
src/scss/recording.scss
 .m-title-wrap, .m-label {
   display: none; }
  
-@media screen and (max-width: 768px) {
+@media screen and (max-device-width: 414px) {
   .player_volume_wrapper, .ladda-label {
     display: none !important; }
   .m-label {
@@ -50,7 +50,9 @@
 body {
   background-color: #E9EBF0;
   width: 100%;
-  height: 100%; }
+  height: 100%;
+  position: absolute;
+  overflow: hidden; }
  
 a {
   text-decoration: none; }
@@ -28,8 +28,6 @@ $(function(){
 		var title = getQuery('title');
 		$('.m-title').html(title);
  
-		alert(title)
-
 		if (_role == 0) {
 			var apiUrl = gxb_api + "/programming/codeReplay/" + _codeReplayId + "/api";
 			getLangid(apiUrl);
@@ -1243,7 +1241,7 @@ $(function(){
 				}else{
 					$("#recordpanel").height($(window).height() - $recordpanel.top - 16 - 34); 
 					$("#resultpanel").height($(window).height() - $resultpanel.top - 16 - 34);
-					$(".CodeMirror").height($(window).height() - $recordpanel.top - 288);
+					$(".CodeMirror").height($(window).height() - $recordpanel.top - 253);
 				}
 				$('#resultoutput').find('.tab-content').height($(window).height() - $resultoutput.top - 40).css({'overflow': "auto"})
  
@@ -26,8 +26,6 @@ $(function(){
     var title = getQuery('title');
     $('.m-title').html(title);
  
-    alert('title')
-
     console.log(_role)
  
     CodingEditer.isRecordPage = 0;
@@ -168,7 +168,17 @@
     .m-label{
         display: none;
     }
-
+    .m-title-wrap{
+        /*display: none;*/
+        width: 100%;
+        height: 36px;
+        line-height: 36px;
+        background-color: #FFF;
+        display: flex;
+        justify-content: space-between;
+        padding: 0 24px;
+        border-bottom: 1px solid #eee;
+    }
     @media screen and (max-device-width: 414px) {
         p{
             margin: 0;
@@ -220,10 +230,14 @@
             display: none !important;
         }
     }
+
 </style>
 </head>
 <body>
     <div id="player">
+        <div class="m-title-wrap">
+            <div class="m-title"></div>
+        </div>
         <div class="play-editor">
             <div class="">
                 <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button>
@@ -8,6 +8,8 @@ body{
     background-color: #E9EBF0;
     width: 100%;
     height: 100%;
+    position: absolute;
+    overflow: hidden;
 }
  
 a{