aril 1.1.63 → 1.1.65

package/theme/layout/app/site-map/site-map-sidebar.component.scss

@@ -1,178 +1,178 @@
-:host ::ng-deep {
-	.layout-sitemap-sidebar {
-		.p-sidebar-content {
-			padding: 0;
-			background: var(--surface-ground);
-		}
-
-		.p-sidebar-header {
-			background: var(--primary-color);
-			color: var(--primary-color-text);
-			padding: 1rem 0.5rem;
-
-			span {
-				font-size: 1.1rem;
-				font-weight: 600;
-			}
-
-			.total-pages {
-				background: rgba(255, 255, 255, 0.2);
-				color: rgba(255, 255, 255, 0.9);
-				padding: 0.25rem 0.5rem;
-				border-radius: 12px;
-				font-size: 0.75rem;
-				font-weight: 500;
-			}
-		}
-	}
-}
-
-.sitemap-content {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	background: var(--surface-ground);
-}
-
-.search-section {
-	padding: 1rem;
-	border-bottom: 1px solid var(--surface-border);
-	background: var(--surface-0);
-}
-
-.sitemap-tree {
-	flex: 1;
-	overflow: hidden;
-}
-
-.tree-container {
-	padding: 0.5rem 0;
-}
-
-.tree-node {
-	.node-item {
-		display: flex;
-		align-items: center;
-		padding: 0.5rem 1rem;
-		border-radius: 6px;
-		margin: 0.1rem 0.5rem;
-		cursor: pointer;
-		transition: all 0.2s ease;
-		border: 1px solid transparent;
-
-		&:hover {
-			background: var(--surface-hover);
-			border-color: var(--surface-border);
-		}
-
-		&.is-page {
-			&:hover {
-				background: var(--primary-50);
-				border-color: var(--primary-200);
-
-				.external-icon {
-					opacity: 1;
-				}
-			}
-		}
-
-		&.has-children {
-			font-weight: 500;
-		}
-	}
-
-	.node-content {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		width: 100%;
-		min-width: 0;
-	}
-
-	.toggle-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 20px;
-		height: 20px;
-		background: transparent;
-		border: none;
-		border-radius: 4px;
-		color: var(--text-color-secondary);
-		cursor: pointer;
-		transition: all 0.2s ease;
-		flex-shrink: 0;
-
-		&:hover {
-			background: var(--surface-hover);
-			color: var(--primary-color);
-		}
-
-		i {
-			font-size: 0.7rem;
-		}
-	}
-
-	.node-icon {
-		color: var(--primary-color);
-		font-size: 0.9rem;
-		flex-shrink: 0;
-	}
-
-	.node-label {
-		flex: 1;
-		font-size: 0.9rem;
-		color: var(--text-color);
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.external-icon {
-		color: var(--text-color-secondary);
-		font-size: 0.7rem;
-		opacity: 0.6;
-		transition: opacity 0.2s ease;
-		flex-shrink: 0;
-	}
-}
-
-.empty-state {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 2rem;
-}
-
-.empty-content {
-	text-align: center;
-	max-width: 300px;
-}
-
-.empty-icon {
-	font-size: 3rem;
-	color: var(--text-color-secondary);
-	margin-bottom: 1rem;
-	opacity: 0.5;
-}
-
-.empty-message {
-	font-size: 0.9rem;
-	color: var(--text-color-secondary);
-	line-height: 1.4;
-	margin-bottom: 1.5rem;
-}
-
-// Custom Scrollbar
-:host ::ng-deep {
-	.p-scrollpanel-bar-y {
-		background: var(--primary-200);
-		width: 4px;
-		border-radius: 2px;
-	}
-
-	.p-scrollpanel-bar-y:hover {
-		background: var(--primary-300);
-	}
-}
+:host ::ng-deep {
+	.layout-sitemap-sidebar {
+		.p-sidebar-content {
+			padding: 0;
+			background: var(--surface-ground);
+		}
+
+		.p-sidebar-header {
+			background: var(--primary-color);
+			color: var(--primary-color-text);
+			padding: 1rem 0.5rem;
+
+			span {
+				font-size: 1.1rem;
+				font-weight: 600;
+			}
+
+			.total-pages {
+				background: rgba(255, 255, 255, 0.2);
+				color: rgba(255, 255, 255, 0.9);
+				padding: 0.25rem 0.5rem;
+				border-radius: 12px;
+				font-size: 0.75rem;
+				font-weight: 500;
+			}
+		}
+	}
+}
+
+.sitemap-content {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	background: var(--surface-ground);
+}
+
+.search-section {
+	padding: 1rem;
+	border-bottom: 1px solid var(--surface-border);
+	background: var(--surface-0);
+}
+
+.sitemap-tree {
+	flex: 1;
+	overflow: hidden;
+}
+
+.tree-container {
+	padding: 0.5rem 0;
+}
+
+.tree-node {
+	.node-item {
+		display: flex;
+		align-items: center;
+		padding: 0.5rem 1rem;
+		border-radius: 6px;
+		margin: 0.1rem 0.5rem;
+		cursor: pointer;
+		transition: all 0.2s ease;
+		border: 1px solid transparent;
+
+		&:hover {
+			background: var(--surface-hover);
+			border-color: var(--surface-border);
+		}
+
+		&.is-page {
+			&:hover {
+				background: var(--primary-50);
+				border-color: var(--primary-200);
+
+				.external-icon {
+					opacity: 1;
+				}
+			}
+		}
+
+		&.has-children {
+			font-weight: 500;
+		}
+	}
+
+	.node-content {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		width: 100%;
+		min-width: 0;
+	}
+
+	.toggle-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 20px;
+		height: 20px;
+		background: transparent;
+		border: none;
+		border-radius: 4px;
+		color: var(--text-color-secondary);
+		cursor: pointer;
+		transition: all 0.2s ease;
+		flex-shrink: 0;
+
+		&:hover {
+			background: var(--surface-hover);
+			color: var(--primary-color);
+		}
+
+		i {
+			font-size: 0.7rem;
+		}
+	}
+
+	.node-icon {
+		color: var(--primary-color);
+		font-size: 0.9rem;
+		flex-shrink: 0;
+	}
+
+	.node-label {
+		flex: 1;
+		font-size: 0.9rem;
+		color: var(--text-color);
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.external-icon {
+		color: var(--text-color-secondary);
+		font-size: 0.7rem;
+		opacity: 0.6;
+		transition: opacity 0.2s ease;
+		flex-shrink: 0;
+	}
+}
+
+.empty-state {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 2rem;
+}
+
+.empty-content {
+	text-align: center;
+	max-width: 300px;
+}
+
+.empty-icon {
+	font-size: 3rem;
+	color: var(--text-color-secondary);
+	margin-bottom: 1rem;
+	opacity: 0.5;
+}
+
+.empty-message {
+	font-size: 0.9rem;
+	color: var(--text-color-secondary);
+	line-height: 1.4;
+	margin-bottom: 1.5rem;
+}
+
+// Custom Scrollbar
+:host ::ng-deep {
+	.p-scrollpanel-bar-y {
+		background: var(--primary-200);
+		width: 4px;
+		border-radius: 2px;
+	}
+
+	.p-scrollpanel-bar-y:hover {
+		background: var(--primary-300);
+	}
+}