style: improve and enhance styling#294
Conversation
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
|
|
||
| .nav-icon { | ||
| opacity: 1; | ||
| filter: invert(47%) sepia(66%) saturate(1996%) hue-rotate(187deg) brightness(96%) contrast(92%); |
There was a problem hiding this comment.
📏 Style Violation: Line exceeds 80 characters
(Current: 106). Please break this line.
| .nav-divider-mock { | ||
| height: 1px; | ||
| background: $border-color; | ||
| background: linear-gradient(to right, transparent, $border-light, transparent); |
There was a problem hiding this comment.
📏 Style Violation: Line exceeds 80 characters
(Current: 83). Please break this line.
| &.dropdown-open, | ||
| &:hover { | ||
| background-color: $active-bg; | ||
| background-color: $bg-hover; |
There was a problem hiding this comment.
🤖 AI Review: Nesting max level: 3. This selector is nested at 4 levels, which exceeds the maximum allowed nesting level of 3.
background-color: $bg-hover;| min-width: 0; | ||
| flex: 1; | ||
|
|
||
| .profile-name { |
There was a problem hiding this comment.
🤖 AI Review: Nesting max level: 3. This selector is nested at 4 levels, which exceeds the maximum allowed nesting level of 3.
.profile-name {| max-width: 100%; | ||
| } | ||
|
|
||
| .profile-dropdown-arrow { |
There was a problem hiding this comment.
🤖 AI Review: Nesting max level: 3. This selector is nested at 4 levels, which exceeds the maximum allowed nesting level of 3.
.profile-dropdown-arrow {| &[aria-current="page"] { | ||
| background-color: $active-bg; | ||
| font-weight: bold; | ||
| &.active { |
There was a problem hiding this comment.
🤖 AI Review: Nesting max level: 3. This selector is nested at 5 levels, which exceeds the maximum allowed nesting level of 3.
&.active {| color: $accent-color; | ||
| font-weight: 600; | ||
|
|
||
| .nav-icon { |
There was a problem hiding this comment.
🤖 AI Review: Nesting max level: 3. This selector is nested at 6 levels, which exceeds the maximum allowed nesting level of 3.
.nav-icon {| &:hover { | ||
| text-decoration: underline; | ||
| } | ||
| &:hover { color: $accent-color; text-decoration: underline; } |
There was a problem hiding this comment.
🤖 AI Review: Nesting max level: 3. This selector is nested at 4 levels, which exceeds the maximum allowed nesting level of 3.
&:hover { color: $accent-color; text-decoration: underline; }| import { LogoutResponse } from '../../../models/auth-model'; | ||
| import { environment } from '../../../../environments/environment'; | ||
|
|
||
| interface SidebarNavItem extends NavItem { |
There was a problem hiding this comment.
🤖 AI Review: Use 'type' keyword instead of 'interface' for structuring objects, as per coding guidelines.
interface SidebarNavItem extends NavItem {| fragment?: string; | ||
| } | ||
|
|
||
| interface NavGroup { |
There was a problem hiding this comment.
🤖 AI Review: Use 'type' keyword instead of 'interface' for structuring objects, as per coding guidelines.
interface NavGroup {
2 participants
No description provided.