aril 0.0.65 → 0.0.67

package/theme/styles/layout/_sidebar_slim_plus.scss

@@ -75,7 +75,7 @@
 						}
 
 						.layout-menuitem-icon {
-							font-size: 1.5rem;
+							font-size: 2.5rem;
 							color: var(--menuitem-icon-color);
 						}
 
@@ -86,7 +86,7 @@
 							color: var(--menuitem-text-color);
 						}
 
-						&:hover {
+						&:hover:not(.active-root-menu-item) {
 							background-color: var(--menuitem-hover-bg-color);
 						}
 					}

package/theme/styles/layout/_sidebar_vertical.scss

@@ -1,153 +1,153 @@
-.layout-sidebar {
-	position: fixed;
-	height: 100%;
-	top: 0;
-	left: 0;
-	width: 18rem;
-	background: var(--menu-bg);
-	border-right: var(--sidebar-border);
-	box-shadow: var(--sidebar-shadow);
-	display: flex;
-	flex-direction: column;
-
-	.sidebar-header {
-		padding: 2.5rem 0 2rem 0;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		.app-logo {
-			.app-logo-normal {
-				display: inline;
-				width: 124px;
-				height: 22px;
-			}
-
-			.app-logo-small {
-				display: none;
-			}
-		}
-	}
-
-	.layout-menu-container {
-		overflow: auto;
-		flex: 1;
-		padding-bottom: 2rem;
-	}
-
-	.layout-menu {
-		margin: 0;
-		padding: 0;
-		list-style-type: none;
-
-		.layout-root-menuitem {
-			> .layout-menuitem-root-text {
-				font-size: 0.857rem;
-				text-transform: uppercase;
-				font-weight: 700;
-				color: var(--root-menuitem-text-color);
-				padding: 1rem 2rem;
-			}
-
-			> a {
-				display: none;
-			}
-		}
-
-		a {
-			user-select: none;
-
-			&.active-menuitem {
-				> .layout-submenu-toggler {
-					transform: rotate(-180deg);
-				}
-			}
-		}
-
-		li.active-menuitem {
-			> a {
-				.layout-submenu-toggler {
-					transform: rotate(-180deg);
-				}
-			}
-		}
-
-		ul {
-			margin: 0;
-			padding: 0;
-			list-style-type: none;
-
-			a {
-				display: flex;
-				align-items: center;
-				position: relative;
-				outline: 0 none;
-				color: var(--menuitem-text-color);
-				cursor: pointer;
-				padding: 0.5rem 2rem;
-				transition:
-					background-color var(--transition-duration),
-					box-shadow var(--transition-duration);
-
-				.layout-menuitem-icon {
-					margin-right: 0.5rem;
-					color: var(--menuitem-icon-color);
-				}
-
-				.layout-submenu-toggler {
-					font-size: 75%;
-					margin-left: auto;
-					transition: transform var(--transition-duration);
-				}
-
-				&.active-route {
-					font-weight: 700;
-				}
-
-				&:hover {
-					background-color: var(--menuitem-hover-bg-color);
-				}
-			}
-
-			ul {
-				overflow: hidden;
-				border-radius: var(--border-radius);
-
-				li {
-					a {
-						padding-left: 2.5rem;
-					}
-
-					li {
-						a {
-							padding-left: 3rem;
-						}
-
-						li {
-							a {
-								padding-left: 3.5rem;
-							}
-
-							li {
-								a {
-									padding-left: 4rem;
-								}
-
-								li {
-									a {
-										padding-left: 5.5rem;
-									}
-
-									li {
-										a {
-											padding-left: 5rem;
-										}
-									}
-								}
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}
+.layout-sidebar {
+	position: fixed;
+	height: 100%;
+	top: 0;
+	left: 0;
+	width: 18rem;
+	background: var(--menu-bg);
+	border-right: var(--sidebar-border);
+	box-shadow: var(--sidebar-shadow);
+	display: flex;
+	flex-direction: column;
+
+	.sidebar-header {
+		padding: 2.5rem 0 2rem 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		.app-logo {
+			.app-logo-normal {
+				display: inline;
+				width: 124px;
+				height: 22px;
+			}
+
+			.app-logo-small {
+				display: none;
+			}
+		}
+	}
+
+	.layout-menu-container {
+		overflow: auto;
+		flex: 1;
+		padding-bottom: 2rem;
+	}
+
+	.layout-menu {
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+
+		.layout-root-menuitem {
+			> .layout-menuitem-root-text {
+				font-size: 0.857rem;
+				text-transform: uppercase;
+				font-weight: 700;
+				color: var(--root-menuitem-text-color);
+				padding: 1rem 2rem;
+			}
+
+			> a {
+				display: none;
+			}
+		}
+
+		a {
+			user-select: none;
+
+			&.active-menuitem {
+				> .layout-submenu-toggler {
+					transform: rotate(-180deg);
+				}
+			}
+		}
+
+		li.active-menuitem {
+			> a {
+				.layout-submenu-toggler {
+					transform: rotate(-180deg);
+				}
+			}
+		}
+
+		ul {
+			margin: 0;
+			padding: 0;
+			list-style-type: none;
+
+			a {
+				display: flex;
+				align-items: center;
+				position: relative;
+				outline: 0 none;
+				color: var(--menuitem-text-color);
+				cursor: pointer;
+				padding: 0.5rem 2rem;
+				transition:
+					background-color var(--transition-duration),
+					box-shadow var(--transition-duration);
+
+				.layout-menuitem-icon {
+					margin-right: 0.5rem;
+					color: var(--menuitem-icon-color);
+				}
+
+				.layout-submenu-toggler {
+					font-size: 75%;
+					margin-left: auto;
+					transition: transform var(--transition-duration);
+				}
+
+				&.active-route {
+					font-weight: 700;
+				}
+
+				&:hover {
+					background-color: var(--menuitem-hover-bg-color);
+				}
+			}
+
+			ul {
+				overflow: hidden;
+				border-radius: var(--border-radius);
+
+				li {
+					a {
+						padding-left: 2.5rem;
+					}
+
+					li {
+						a {
+							padding-left: 3rem;
+						}
+
+						li {
+							a {
+								padding-left: 3.5rem;
+							}
+
+							li {
+								a {
+									padding-left: 4rem;
+								}
+
+								li {
+									a {
+										padding-left: 5.5rem;
+									}
+
+									li {
+										a {
+											padding-left: 5rem;
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/theme/styles/layout/_typography.scss

@@ -1,68 +1,68 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	margin: 1.5rem 0 0.1rem 0;
-	font-family: inherit;
-	font-weight: 600;
-	line-height: 1.2;
-	color: var(--surface-900);
-
-	&:first-child {
-		margin-top: 0;
-	}
-}
-
-h1 {
-	font-size: 2rem;
-}
-
-h2 {
-	font-size: 1.75rem;
-}
-
-h3 {
-	font-size: 1.5rem;
-}
-
-h4 {
-	font-size: 1.2rem;
-}
-
-h5 {
-	font-size: 1rem;
-}
-
-h6 {
-	font-size: 0.75rem;
-}
-
-mark {
-	background: #fff8e1;
-	padding: 0.25rem 0.4rem;
-	border-radius: var(--border-radius);
-	font-family: monospace;
-}
-
-blockquote {
-	margin: 1rem 0;
-	padding: 0 2rem;
-	border-left: 4px solid #90a4ae;
-}
-
-hr {
-	border-top: solid var(--surface-border);
-	border-width: 1px 0 0 0;
-	margin: 1rem 0;
-}
-
-p {
-	margin: 0 0 1rem 0;
-	line-height: 1.5;
-
-	&:last-child {
-		margin-bottom: 0;
-	}
-}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	margin: 1.5rem 0 0.1rem 0;
+	font-family: inherit;
+	font-weight: 600;
+	line-height: 1.2;
+	color: var(--surface-900);
+
+	&:first-child {
+		margin-top: 0;
+	}
+}
+
+h1 {
+	font-size: 2rem;
+}
+
+h2 {
+	font-size: 1.75rem;
+}
+
+h3 {
+	font-size: 1.5rem;
+}
+
+h4 {
+	font-size: 1.2rem;
+}
+
+h5 {
+	font-size: 1rem;
+}
+
+h6 {
+	font-size: 0.75rem;
+}
+
+mark {
+	background: #fff8e1;
+	padding: 0.25rem 0.4rem;
+	border-radius: var(--border-radius);
+	font-family: monospace;
+}
+
+blockquote {
+	margin: 1rem 0;
+	padding: 0 2rem;
+	border-left: 4px solid #90a4ae;
+}
+
+hr {
+	border-top: solid var(--surface-border);
+	border-width: 1px 0 0 0;
+	margin: 1rem 0;
+}
+
+p {
+	margin: 0 0 1rem 0;
+	line-height: 1.5;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}

package/theme/styles/layout/_utils.scss

@@ -1,24 +1,24 @@
-.card {
-	background: var(--surface-card);
-	border: 1px solid var(--surface-border);
-	padding: 2rem;
-	margin-bottom: 2rem;
-	box-shadow: var(--card-shadow);
-	border-radius: 12px;
-
-	&:last-child {
-		margin-bottom: 0;
-	}
-}
-
-.p-toast {
-	&.p-toast-top-right,
-	&.p-toast-top-left,
-	&.p-toast-top-center {
-		top: 70px;
-	}
-}
-
-.ng-hidden {
-	display: none !important;
-}
+.card {
+	background: var(--surface-card);
+	border: 1px solid var(--surface-border);
+	padding: 2rem;
+	margin-bottom: 2rem;
+	box-shadow: var(--card-shadow);
+	border-radius: 12px;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.p-toast {
+	&.p-toast-top-right,
+	&.p-toast-top-left,
+	&.p-toast-top-center {
+		top: 70px;
+	}
+}
+
+.ng-hidden {
+	display: none !important;
+}

package/theme/styles/layout/layout.scss

@@ -1,24 +1,24 @@
-$breakpoint: 992px !default;
-$scale: 14px !default;
-
-@import './_fonts';
-@import './_animation';
-@import './_layout_light';
-@import './_layout_dim';
-@import './_layout_dark';
-@import './_main';
-@import './_sidebar_vertical';
-@import './_sidebar_slim';
-@import './_sidebar_slim_plus';
-@import './_sidebar_horizontal';
-@import './_sidebar_reveal';
-@import './_sidebar_drawer';
-@import './menutheme/_menutheme';
-@import './_responsive';
-@import './_topbar';
-@import './_breadcrumb';
-@import './_profile';
-@import './_config';
-@import './_content';
-@import './_typography';
-@import './_utils';
+$breakpoint: 992px !default;
+$scale: 14px !default;
+
+@import './_fonts';
+@import './_animation';
+@import './_layout_light';
+@import './_layout_dim';
+@import './_layout_dark';
+@import './_main';
+@import './_sidebar_vertical';
+@import './_sidebar_slim';
+@import './_sidebar_slim_plus';
+@import './_sidebar_horizontal';
+@import './_sidebar_reveal';
+@import './_sidebar_drawer';
+@import './menutheme/_menutheme';
+@import './_responsive';
+@import './_topbar';
+@import './_breadcrumb';
+@import './_profile';
+@import './_config';
+@import './_content';
+@import './_typography';
+@import './_utils';

package/theme/styles/layout/menutheme/_colorscheme.scss

@@ -1,11 +1,11 @@
-.layout-colorscheme-menu {
-	--logo-color: var(--primary-color);
-	--menu-bg: var(--surface-overlay);
-	--root-menuitem-text-color: var(--primary-color);
-	--menuitem-text-color: var(--text-color);
-	--menuitem-icon-color: var(--primary-color);
-	--menuitem-hover-bg-color: var(--surface-hover);
-	--popup-submenu-item-text-color: var(--text-color);
-	--popup-submenu-item-icon-color: var(--primary-color);
-	--popup-submenu-item-hover-bg-color: var(--surface-hover);
-}
+.layout-colorscheme-menu {
+	--logo-color: var(--primary-color);
+	--menu-bg: var(--surface-overlay);
+	--root-menuitem-text-color: var(--primary-color);
+	--menuitem-text-color: var(--text-color);
+	--menuitem-icon-color: var(--primary-color);
+	--menuitem-hover-bg-color: var(--surface-hover);
+	--popup-submenu-item-text-color: var(--text-color);
+	--popup-submenu-item-icon-color: var(--primary-color);
+	--popup-submenu-item-hover-bg-color: var(--surface-hover);
+}

package/theme/styles/layout/menutheme/_menutheme.scss

@@ -1,3 +1,3 @@
-@import './_colorscheme';
-@import './_primarycolor';
-@import './_transparent';
+@import './_colorscheme';
+@import './_primarycolor';
+@import './_transparent';

package/theme/styles/layout/menutheme/_transparent.scss

@@ -1,26 +1,26 @@
-.layout-transparent-menu {
-	--logo-color: var(--primary-color);
-	--menu-bg: var(--surface-overlay);
-	--root-menuitem-text-color: var(--primary-color);
-	--menuitem-text-color: var(--text-color);
-	--menuitem-icon-color: var(--primary-color);
-	--menuitem-hover-bg-color: var(--surface-hover);
-	--popup-submenu-item-text-color: var(--text-color);
-	--popup-submenu-item-icon-color: var(--primary-color);
-	--popup-submenu-item-hover-bg-color: var(--surface-hover);
-}
-
-@media screen and (min-width: $breakpoint) {
-	.layout-container.layout-transparent-menu {
-		&.layout-static,
-		&.layout-slim,
-		&.layout-slim-plus,
-		&.layout-horizontal {
-			.layout-sidebar {
-				background-color: transparent;
-				border-right: 1px solid transparent;
-				box-shadow: none;
-			}
-		}
-	}
-}
+.layout-transparent-menu {
+	--logo-color: var(--primary-color);
+	--menu-bg: var(--surface-overlay);
+	--root-menuitem-text-color: var(--primary-color);
+	--menuitem-text-color: var(--text-color);
+	--menuitem-icon-color: var(--primary-color);
+	--menuitem-hover-bg-color: var(--surface-hover);
+	--popup-submenu-item-text-color: var(--text-color);
+	--popup-submenu-item-icon-color: var(--primary-color);
+	--popup-submenu-item-hover-bg-color: var(--surface-hover);
+}
+
+@media screen and (min-width: $breakpoint) {
+	.layout-container.layout-transparent-menu {
+		&.layout-static,
+		&.layout-slim,
+		&.layout-slim-plus,
+		&.layout-horizontal {
+			.layout-sidebar {
+				background-color: transparent;
+				border-right: 1px solid transparent;
+				box-shadow: none;
+			}
+		}
+	}
+}