hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-16 22:43:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

132350: Fixed some SASS variables not being overridable in the themes

Browse Source 
Also fixed the authority icons not being totally centered in the onebox submission fields
This commit is contained in:
Alexandre Vryghem
2025-06-25 11:51:58 +02:00
parent 404ccd9b0e
commit 45934e31f2
4 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/breadcrumbs/breadcrumbs.component.scss
View File

@@ -1,5 +1,5 @@
.nav-breadcrumb { .nav-breadcrumb {
background-color: var(--ds-breadcrumb-bg); background-color: var(--ds-breadcrumb-bg) !important;
} }
.breadcrumb { .breadcrumb {
@@ -7,7 +7,7 @@
margin-top: calc(-1 * var(--ds-content-spacing)); margin-top: calc(-1 * var(--ds-content-spacing));
padding-bottom: var(--ds-content-spacing / 3); padding-bottom: var(--ds-content-spacing / 3);
padding-top: var(--ds-content-spacing / 3); padding-top: var(--ds-content-spacing / 3);
background-color: var(--ds-breadcrumb-bg); background-color: var(--ds-breadcrumb-bg) !important;
} }
li.breadcrumb-item { li.breadcrumb-item {

16
src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.html
View File

@@ -21,13 +21,15 @@
</ng-template> </ng-template>
<div *ngIf="!(isHierarchicalVocabulary() | async)" class="position-relative right-addon"> <div *ngIf="!(isHierarchicalVocabulary() | async)" class="position-relative right-addon">
<i *ngIf="searching" class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary position-absolute mt-1 p-0" aria-hidden="true"></i> <div class="authority-icons position-absolute d-flex align-items-center">
<i *ngIf="!searching" <i *ngIf="searching" class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary my-auto p-0" aria-hidden="true"></i>
dsAuthorityConfidenceState <i *ngIf="!searching"
class="far fa-circle fa-2x fa-fw position-absolute mt-1 p-0" dsAuthorityConfidenceState
aria-hidden="true" class="far fa-circle fa-2x fa-fw my-auto p-0"
[authorityValue]="currentValue" aria-hidden="true"
(whenClickOnConfidenceNotAccepted)="whenClickOnConfidenceNotAccepted($event)"></i> [authorityValue]="currentValue"
(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"

6
src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.scss
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%)
}

8
src/styles/_custom_variables.scss
View File

@@ -29,8 +29,8 @@
--ds-navbar-link-color: #{$cyan}; --ds-navbar-link-color: #{$cyan};
--ds-navbar-link-color-hover: #{darken($cyan, 15%)}; --ds-navbar-link-color-hover: #{darken($cyan, 15%)};
$admin-sidebar-bg: darken(#2B4E72, 17%); $admin-sidebar-bg: darken(#2B4E72, 17%) !default;
$admin-sidebar-active-bg: darken($admin-sidebar-bg, 3%); $admin-sidebar-active-bg: darken($admin-sidebar-bg, 3%) !default;
--ds-admin-sidebar-bg: #{$admin-sidebar-bg}; --ds-admin-sidebar-bg: #{$admin-sidebar-bg};
--ds-admin-sidebar-active-bg: #{$admin-sidebar-active-bg}; --ds-admin-sidebar-active-bg: #{$admin-sidebar-active-bg};
--ds-admin-sidebar-header-bg: #{darken($admin-sidebar-bg, 7%)}; --ds-admin-sidebar-header-bg: #{darken($admin-sidebar-bg, 7%)};
@@ -71,12 +71,12 @@
--ds-footer-padding-bottom: 0; --ds-footer-padding-bottom: 0;
--ds-footer-logo-height: 50px; --ds-footer-logo-height: 50px;
$home-news-link-color: $cyan; $home-news-link-color: $cyan !default;
--ds-home-news-link-color: #{$home-news-link-color}; --ds-home-news-link-color: #{$home-news-link-color};
--ds-home-news-link-hover-color: #{darken($home-news-link-color, 15%)}; --ds-home-news-link-hover-color: #{darken($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: #{$cyan}; --ds-breadcrumb-link-color: #{$cyan};
--ds-breadcrumb-link-active-color: #{darken($cyan, 30%)}; --ds-breadcrumb-link-active-color: #{darken($cyan, 30%)};
--ds-breadcrumb-max-length: 200px; --ds-breadcrumb-max-length: 200px;