paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2026-02-07 23:42:46 -06:00
Code Issues Packages Projects Releases Wiki Activity

nav-underline

Browse Source
This commit is contained in:
shamoon
2026-02-07 00:11:33 -08:00
parent ac6f38ed63
commit 651a0c72f1
2 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src-ui/src/app/components/manage/document-attributes/document-attributes.component.html
View File

@@ -62,17 +62,17 @@
}
</pngx-page-header>
<ul ngbNav #nav="ngbNav" (navChange)="onNavChange($event)" [(activeId)]="activeNavID" class="nav-tabs">
<ul ngbNav #nav="ngbNav" (navChange)="onNavChange($event)" [(activeId)]="activeNavID" class="nav-underline">
@for (section of visibleSections; track section.id) {
<li [ngbNavItem]="section.id">
<a ngbNavLink>
<a ngbNavLink >
<i-bs class="me-2" [name]="section.icon"></i-bs>{{ section.label }}
</a>
</li>
}
</ul>
<div class="border-start border-end border-bottom p-3 mb-3 shadow-sm">
<div class="my-3 shadow-sm">
<ng-container
[ngComponentOutlet]="activeSection?.component"
#activeOutlet="ngComponentOutlet"

34
src-ui/src/app/components/manage/document-attributes/document-attributes.component.scss
View File

@@ -0,0 +1,34 @@
// .attributes-tabs {
// border-bottom-color: rgba(var(--bs-body-color-rgb), 0.12);
// }
// .attributes-tabs .nav-link {
// position: relative;
// padding-bottom: 0.45rem;
// color: rgba(var(--bs-body-color-rgb));
// transition: color 140ms ease;
// }
// .attributes-tabs .nav-link::after {
// content: '';
// position: absolute;
// left: 0.2rem;
// right: 0.2rem;
// bottom: 0;
// height: var(--bs-nav-underline-border-width);
// border-radius: 1px;
// background: transparent;
// transition: background-color 140ms ease;
// }
// .attributes-tabs .nav-link:hover {
// color: rgba(var(--bs-body-color-rgb), 0.95);
// }
// .attributes-tabs .nav-link.active {
// color: var(--bs-primary);
// }
// .attributes-tabs .nav-link.active::after {
// background: var(--bs-primary);
// }