Merge branch 'w2p-132350_minor-css-fixes_contribute-7.6' into bootstrap-issues_contribute-main

This commit is contained in:
Alexandre Vryghem
2025-07-08 12:45:42 +02:00
4 changed files with 61 additions and 53 deletions

View File

@@ -1,12 +1,12 @@
.nav-breadcrumb { .nav-breadcrumb {
background-color: var(--ds-breadcrumb-bg); background-color: var(--ds-breadcrumb-bg) !important;
} }
.breadcrumb { .breadcrumb {
border-radius: 0; border-radius: 0;
padding-bottom: calc(var(--ds-content-spacing) / 2); padding-bottom: calc(var(--ds-content-spacing) / 2);
padding-top: calc(var(--ds-content-spacing) / 2); padding-top: calc(var(--ds-content-spacing) / 2);
background-color: var(--ds-breadcrumb-bg); background-color: var(--ds-breadcrumb-bg) !important;
padding-left: calc(var(--bs-spacer) *.75); padding-left: calc(var(--bs-spacer) *.75);
padding-right: calc(var(--bs-spacer) *.75); padding-right: calc(var(--bs-spacer) *.75);
} }

View File

@@ -24,17 +24,19 @@
@if ((isHierarchicalVocabulary() | async) !== true) { @if ((isHierarchicalVocabulary() | async) !== true) {
<div class="position-relative right-addon"> <div class="position-relative right-addon">
<div class="authority-icons position-absolute d-flex align-items-center">
@if (searching || loadingInitialValue) { @if (searching || loadingInitialValue) {
<i class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary position-absolute mt-1 p-0" aria-hidden="true"></i> <i class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary my-auto p-0" aria-hidden="true"></i>
} }
@if (!searching && !loadingInitialValue) { @if (!searching && !loadingInitialValue) {
<i <i
dsAuthorityConfidenceState dsAuthorityConfidenceState
class="far fa-circle fa-2x fa-fw position-absolute mt-1 p-0" class="far fa-circle fa-2x fa-fw my-auto p-0"
aria-hidden="true" aria-hidden="true"
[authorityValue]="currentValue" [authorityValue]="currentValue"
(whenClickOnConfidenceNotAccepted)="whenClickOnConfidenceNotAccepted($event)"></i> (whenClickOnConfidenceNotAccepted)="whenClickOnConfidenceNotAccepted($event)"></i>
} }
</div>
<input #instance="ngbTypeahead" <input #instance="ngbTypeahead"
class="form-control" class="form-control"
[attr.aria-labelledby]="'label_' + model.id" [attr.aria-labelledby]="'label_' + model.id"

View File

@@ -31,3 +31,9 @@
.tree-input[readonly]{ .tree-input[readonly]{
background-color: #fff; background-color: #fff;
} }
.authority-icons {
top: 50%;
right: 0;
transform: translateY(-50%)
}

View File

@@ -105,7 +105,7 @@
--ds-home-news-link-hover-color: #{darken($ds-home-news-link-color, 15%)}; --ds-home-news-link-hover-color: #{darken($ds-home-news-link-color, 15%)};
--ds-home-news-background-color: #{$gray-200}; --ds-home-news-background-color: #{$gray-200};
--ds-breadcrumb-bg: #{$gray-200} !important; --ds-breadcrumb-bg: #{$gray-200};
--ds-breadcrumb-link-color: #{$ds-breadcrumb-link-color}; --ds-breadcrumb-link-color: #{$ds-breadcrumb-link-color};
--ds-breadcrumb-link-active-color: #{darken($ds-breadcrumb-link-color, 30%)}; --ds-breadcrumb-link-active-color: #{darken($ds-breadcrumb-link-color, 30%)};
--ds-breadcrumb-max-length: 200px; --ds-breadcrumb-max-length: 200px;