Initial commit (code only without large binaries)

EdgeAdmin/web/views/@default/@left_menu.less

@@ -0,0 +1,157 @@
+.left-box {
+	width: 8.5em;
+	position: fixed;
+	top: 7.5em;
+	bottom: 2.4em;
+	overflow-y: auto;
+	overflow-x: hidden;
+	border-right: 1px #ddd solid;
+
+	.menu {
+		width: 95% !important;
+
+		.item {
+			line-height: 1.2;
+			position: relative;
+			padding-left: 1em !important;
+
+			.icon {
+				position: absolute;
+				top: 50%;
+				left: 0;
+				margin-top: -0.4em !important;
+			}
+		}
+
+		.item.separator {
+			border-bottom: 1px #eee solid !important;
+			padding-top: 0;
+			padding-bottom: 0;
+			margin-top: 0 !important;
+			margin-bottom: 0 !important;
+		}
+
+		.item.on {
+			span {
+				border-bottom: 1px #666 dashed;
+			}
+		}
+
+		.item.off {
+			span {
+				var {
+					font-style: normal;
+					background: #db2828;
+					color: white;
+					font-size: 8px;
+					padding: 2px;
+					border-radius: 2px;
+					margin-left: 1em;
+				}
+			}
+		}
+
+		// 菜单项底部虚线（参考 separator 的实现）
+		.item.has-divider {
+			border-bottom: 1px dashed #ddd !important;
+			margin-bottom: 0.3em !important;
+		}
+
+		// .header需要在.item下面
+		.header {
+			border-bottom: 1px #ddd solid;
+			padding-left: 0 !important;
+			padding-bottom: 1em !important;
+		}
+
+		.item.active {
+			background: rgba(230, 230, 230, 0.35) !important;
+			border-radius: 3px;
+		}
+	}
+}
+
+.left-box::-webkit-scrollbar {
+	width: 4px;
+}
+
+.left-box.disabled {
+	opacity: 0.1;
+}
+
+.left-box.tiny {
+	top: 10em;
+}
+
+.left-box.without-tabbar {
+	top: 3em;
+}
+
+.left-box.with-menu {
+	top: 8.7em;
+}
+
+.left-box.without-menu {
+	top: 6em;
+}
+
+.right-box {
+	position: fixed;
+	top: 7em;
+	bottom: 1.3em;
+	right: 0;
+	left: 18em;
+	padding-right: 2em;
+	padding-bottom: 2em;
+	overflow-y: auto;
+
+	h4:first-child {
+		margin-top: 1em;
+	}
+}
+
+.right-box > .comment:first-child {
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 512px) {
+	.right-box {
+		left: 13em;
+		padding-right: 1em;
+	}
+}
+
+body.expanded .right-box {
+	left: 10em;
+}
+
+.right-box.tiny {
+	top: 10em;
+	left: 26.5em;
+}
+
+.right-box::-webkit-scrollbar {
+	width: 4px;
+}
+
+.right-box.without-tabbar {
+	top: 3em;
+}
+
+.right-box.with-menu {
+	top: 8.6em;
+}
+
+.right-box.without-menu {
+	top: 6em;
+}
+
+// main
+.main.without-footer .left-box {
+	bottom: 0.2em;
+}
+
+// scrollbar
+.narrow-scrollbar::-webkit-scrollbar {
+	width: 4px;
+}