Bladeren bron

Merge pull request #613 from bhikkhu-kosalla-china/master

优化目录显示
Bhikkhu China Kosalla 4 jaren geleden
bovenliggende
commit
2c303ca73d
3 gewijzigde bestanden met toevoegingen van 17 en 5 verwijderingen
  1. 6 2
      app/article/index.php
  2. 3 0
      app/article/my_article_edit.php
  3. 8 3
      app/article/style.css

+ 6 - 2
app/article/index.php

@@ -226,10 +226,12 @@ span.fancytree-node{
 function show_content(){
 	$("#left_pannal").toggleClass("hidden");
 	if($("#left_pannal").hasClass("hidden")){
-		$("#main_view").css("margin-left","auto");
+		$("#main_view").css("margin-left","0");
+		$(".fun_frame").css("width","calc(30% - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'hide');
 	}else{
 		$("#main_view").css("margin-left","270px");
+		$(".fun_frame").css("width","calc(30% - 81px - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'show');
 	}
 }
@@ -237,10 +239,12 @@ function set_toc_visible(isVisible){
 	if(isVisible){
 		$("#left_pannal").removeClass("hidden");
 		$("#main_view").css("margin-left","270px");
+		$(".fun_frame").css("width","calc(30% - 81px - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'show');
 	}else{
 		$("#left_pannal").addClass("hidden");
-		$("#main_view").css("margin-left","auto");
+		$("#main_view").css("margin-left","0");
+		$(".fun_frame").css("width","calc(30% - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'hide');
 	}
 }

+ 3 - 0
app/article/my_article_edit.php

@@ -53,6 +53,9 @@ require_once '../studio/index_head.php';
 	height: calc(100vh - 7em - 60px);
 	
 }
+#preview_div img{
+	width: 90%;
+}
 #preview_inner{
 	background-color: var(--bg-color);
 	color: var(--main-color);

+ 8 - 3
app/article/style.css

@@ -40,8 +40,8 @@
 .main_view {
 	padding: 0 1em;
 	padding-top: 7em;
-	max-width: 1280px;
-	margin-left: 270px;
+	/*max-width: 1280px;*/
+	/*margin-left: 270px;*/
 	margin-right: auto;
 }
 
@@ -69,6 +69,7 @@
 	border-bottom: 1px solid gray;
 	margin-right: 10px;
 	margin-bottom: 10px;
+	width: calc(30% - 1em)
 }
 .fun_frame .title {
 	padding: 6px;
@@ -167,8 +168,12 @@
 .userinfo_channal:hover {
 	display: block;
 }
-img {
+.sent_tran img{
 	width: 40%;
+	max-width: 40%;
+}
+img {
+	width: 90%;
 	/*max-width: 40%;*/
 }