优化遮罩层

src/static/web/css/admin.css

@@ -338,6 +338,23 @@ body.menu-show .admin-content {
 #_msgInfo {
 	display:none
 }
+.colordlg {
+	background:var(--white);
+	border:1px solid var(--gray-300);
+	z-index:19991
+}
+.pubdlg {
+	position:fixed;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	z-index:19992
+}
+.pubdlg .card {
+	margin:1.75rem auto;
+	width:100%
+}
 .fullpagediv {
 	position:fixed;
 	top:0;
@@ -348,14 +365,6 @@ body.menu-show .admin-content {
 	opacity:0.5;
 	z-index:1980
 }
-.colordlg {
-	background:var(--white);
-	border:1px solid var(--gray-300);
-	z-index:19991
-}
-.pubdlg {
-	z-index:19992
-}
 .quicksel {
 	height:350px;
 	overflow-y:auto;
@@ -770,16 +779,16 @@ input,select,textarea,.colordlg,.pubdlg,.quickselitem .topcat,.mysource,.mywrite
 .shadow-sm {
 	box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.015)!important
 }
-@media  screen and (min-width:1199px) {
-	.modal-dialog {
-		max-width:500px
-	}
-}
 @media screen and (min-width:992px) and (max-width:1199px) {
 	.login-box {
 		padding:1rem
 	}
 }
+@media  screen and (min-width:767px) {
+	.modal-dialog,.pubdlg .card {
+		max-width:500px
+	}
+}
 @media screen and (max-width:767px) {
 	td {
 		white-space:nowrap
@@ -816,6 +825,13 @@ input,select,textarea,.colordlg,.pubdlg,.quickselitem .topcat,.mysource,.mywrite
 	.card-body canvas {
 		height:230px!important
 	}
+	.pubdlg {
+		padding:0 0.5rem
+	}
+	.pubdlg .card {
+		margin:0.5rem auto;
+		width:auto
+	}
 	.pagination,.page-item {
 		display:inline-table
 	}

src/static/web/js/admin.main.js

@@ -37,6 +37,10 @@ function OpenMyWin(surl) {
 	var pos = GetWinPos(800,600);
 	window.open(surl, "popUpMyWin", "scrollbars=yes,resizable=yes,statebar=no,width=800,height=600,left=" + pos.left + ", top=" + pos.top);
 }
+function ShowCatMap(e, obj, cid, targetId, oldvalue) {
+	LoadQuickDiv(e, "archives_do.php?dopost=getCatMap&targetid=" + targetId + "&channelid=" + cid + "&oldvalue=" + oldvalue + "&rnd=" + Math.random(), "getCatMap", "700px", "500px");
+	ChangeFullDiv("show");
+}
 function $Obj(objname) {
 	return document.getElementById(objname);
 }
@@ -110,25 +114,6 @@ function ClearDivCt(objname) {
 	$Obj(objname).style.display = "none";
 	ChangeFullDiv("hide");
 }
-function ChangeFullDiv(showhide, screenheigt) {
-	var newobj = $Obj("fullpagediv");
-	if (showhide == "show") {
-		if (!newobj) {
-			newobj = document.createElement("div");
-			newobj.id = "fullpagediv";
-			newobj.style.position = "fixed";
-			newobj.className = "fullpagediv";
-			//newobj.style.height = document.body.clientHeight + "px";
-			document.body.appendChild(newobj);
-		} else {
-			newobj.style.display = "block";
-		}
-		document.body.style.overflow = "hidden";
-	} else {
-		if (newobj) newobj.style.display = "none";
-		document.body.style.overflow = "";
-	}
-}
 function SelectSource(e) {
 	LoadNewDiv(e, "article_select_sw.php?t=source&k=8&rnd=" + Math.random(), "mysource");
 }
@@ -182,21 +167,33 @@ function LoadQuickDiv(e, surl, oname, w, h) {
 		newobj.id = oname;
 		newobj.style.position = "fixed";
 		newobj.className = "pubdlg";
-		newobj.style.width = w;
-		newobj.style.height = h + 30;
 		document.body.appendChild(newobj);
 	}
-	newobj.style.top = "50%";
-	newobj.style.left = "50%";
+	newobj.style.top = "0";
+	newobj.style.left = "0";
 	newobj.style.display = "block";
-	newobj.style.transform = "translate(-50%, -201px)";
+	//newobj.style.transform = "translate(-50%, -50%)";
 	fetch(surl).then(resp => resp.text()).then((d) => {
 		newobj.innerHTML = d;
 	});
 }
-function ShowCatMap(e, obj, cid, targetId, oldvalue) {
-	LoadQuickDiv(e, "archives_do.php?dopost=getCatMap&targetid=" + targetId + "&channelid=" + cid + "&oldvalue=" + oldvalue + "&rnd=" + Math.random(), "getCatMap", "700px", "500px");
-	ChangeFullDiv("show");
+function ChangeFullDiv(showhide, screenheigt) {
+	var newobj = $Obj("fullpagediv");
+	if (showhide == "show") {
+		if (!newobj) {
+			newobj = document.createElement("div");
+			newobj.id = "fullpagediv";
+			newobj.style.position = "fixed";
+			newobj.className = "fullpagediv";
+			document.body.appendChild(newobj);
+		} else {
+			newobj.style.display = "block";
+		}
+		document.body.style.overflow = "hidden";
+	} else {
+		if (newobj) newobj.style.display = "none";
+		document.body.style.overflow = "";
+	}
 }
 function getSelCat(targetId) {
 	var selBox = document.quicksel.seltypeid;