:art: 样式调整

app/article/index.php

@@ -117,6 +117,9 @@ require_once "../pcdl/html_head.php";
 	#head_bar{
 		height:unset;
 	}
+	#contents_foot{
+		margin-bottom: 70vh;
+	}
 
 
 #toc_content .level_2{
@@ -160,6 +163,17 @@ require_once "../pcdl/html_head.php";
      object-fit: cover;
      background-size: contain;   
  }
+ .channal_list{
+		white-space: nowrap;
+		overflow-x: hidden;
+	}
+	.userinfo_channal{
+		display:none;
+	}
+	.userinfo_channal:hover{
+		display:block;
+	}
+
 
 	</style>
 
@@ -264,7 +278,7 @@ require_once "../pcdl/html_head.php";
 		</div>
 		<div class="fun_frame">
 			<div style="display:flex;justify-content: space-between;">
-				<div class="title"><?php echo "Contributor" ?></div>
+				<div class="title"><?php echo $_local->gui->contributor ?></div>
 				<div class="click_dropdown_div">
 					<div class="click_dropdown_button"><?php echo $_local->gui->more; ?></div>
 					<div class="click_dropdown_content">

app/pcdl/html_head.php

@@ -67,6 +67,7 @@ else{
 	<style>
 	.list_with_head{
 		display:flex;
+		margin: 3px 0;
 	}
 	.head_img{
 		display: inline-block;
@@ -77,8 +78,7 @@ else{
 		color: white;
 		border-radius: 99px;
 		text-align: center;
-		margin-right: 0.5em;
-		margin-top: 0.5em;
+		margin: auto 2px;
 	}
 	.card{
 		box-shadow: 0 0 10px rgba(0,0,0,0.15);

app/pcdl/reader.php

@@ -252,6 +252,7 @@ note{
 }
 .list_with_head{
 	display:flex;
+	margin: 3px 0;
 }
 .head_img{
 	display: inline-block;
@@ -262,8 +263,7 @@ note{
     color: white;
     border-radius: 99px;
     text-align: center;
-    margin-right: 0.5em;
-    margin-top: 0.5em;
+    margin: auto 2px;
 }
 .term_mean{
 	color:blue;

app/reader/index.php

@@ -128,6 +128,9 @@ require_once "../pcdl/html_head.php";
 	#head_bar{
 		height:unset;
 	}
+	#contents_foot{
+		margin-bottom: 70vh;
+	}
 
 
 #toc_content .level_2{
@@ -197,6 +200,16 @@ require_once "../pcdl/html_head.php";
 .level_6{
 	margin-left:6em;
 }
+.channal_list{
+		white-space: nowrap;
+		overflow-x: hidden;
+	}
+	.userinfo_channal{
+		display:none;
+	}
+	.userinfo_channal:hover{
+		display:block;
+	}
 
 
 	</style>

app/term/note.js

@@ -38,20 +38,22 @@ function note_create() {
 	term_edit_dlg_init();
 }
 function note_sent_edit_dlg_init() {
-	$("body").append('<div id="note_sent_edit_dlg" title="Edit"><div id="edit_dialog_content"></div></div>');
+	$("body").append(
+		'<div id="note_sent_edit_dlg" title="' + gLocal.gui.edit + '"><div id="edit_dialog_content"></div></div>'
+	);
 	$("#note_sent_edit_dlg").dialog({
 		autoOpen: false,
 		width: 550,
 		buttons: [
 			{
-				text: "Save",
+				text: gLocal.gui.save,
 				click: function () {
 					note_sent_save();
 					$(this).dialog("close");
 				},
 			},
 			{
-				text: "Cancel",
+				text: gLocal.gui.cancel,
 				click: function () {
 					$(this).dialog("close");
 				},
@@ -309,8 +311,13 @@ function render_channal_list(channalinfo) {
 	if (_channal.indexOf(channalinfo.id) >= 0) {
 		checked = "checked";
 	}
-	output += '<div><input type="checkbox" ' + checked + " channal_id='" + channalinfo.id + "'></div>";
-	output += "<div class='head'>";
+	output +=
+		'<div style="display:flex;"><input style="margin: auto 3px auto 0;" type="checkbox" ' +
+		checked +
+		" channal_id='" +
+		channalinfo.id +
+		"'></div>";
+	output += "<div class='head' style='display:flex;'>";
 	output += "<span class='head_img'>";
 	output += channalinfo.nickname.slice(0, 2);
 	output += "</span>";
@@ -318,7 +325,7 @@ function render_channal_list(channalinfo) {
 
 	output += "<div style='width: 100%;overflow-x: hidden;'>";
 
-	output += "<div>";
+	output += "<div class='channal_list' >";
 
 	//  output += "<a href='../wiki/wiki.php?word=" + _word;
 	//  output += "&channal=" + channalinfo.id + "' >";
@@ -327,11 +334,11 @@ function render_channal_list(channalinfo) {
 	output += channalinfo["name"];
 
 	output += "</a>";
+	output += "@" + channalinfo["nickname"];
 	output += "</div>";
 
-	output += "<div>";
-	output += channalinfo["nickname"] + "/";
-	output += "@" + channalinfo["username"];
+	output += "<div class='userinfo_channal'>";
+	output += channalinfo["username"];
 	output += "</div>";
 
 	if (channalinfo["final"]) {
@@ -533,7 +540,7 @@ function note_edit_sentence(book, para, begin, end, channal) {
 			for (const tran of iterator.translation) {
 				if (tran.channal == channal) {
 					let html = "";
-					html += "<div style='color:blue;'>" + channalInfo.nickname + "/" + channalInfo.name + "</div>";
+					html += "<div style='color:blue;'>" + channalInfo.name + "@" + channalInfo.nickname + "</div>";
 					html +=
 						"<textarea id='edit_dialog_text' sent_id='" +
 						tran.id +