MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

dashboard, researcher links > change to black, with primary-color on hover. small ui fixes

This commit is contained in:
mchouliara 2024-09-25 17:31:29 +03:00
parent 114b197c89
commit d971af0ed8
6 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/ui/dashboard/dashboard.component.scss
View File

@ -89,7 +89,10 @@
font-weight: 300;
font-size: 1rem;
letter-spacing: 0px;
color: var(--primary-color-2);
color: #000000;
&:hover {
color: var(--primary-color)
}
opacity: 1;
}
@ -108,7 +111,7 @@
font-size: 1.25rem;
letter-spacing: 0px;
color: var(--dark-gray);
opacity: 0.6;
opacity: 0.7;
padding-bottom: 1.2rem;
}

2
frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
View File

@ -107,7 +107,7 @@ input[type="text"] {
line-height: 2.4;
letter-spacing: 0px;
color: var(--dark-gray);
opacity: 0.6;
opacity: 0.7;
}
.plan-label {

11
frontend/src/app/ui/description/overview/description-overview.component.scss
View File

@ -153,10 +153,13 @@
}
.researcher {
font-size: 0.875em;
color: var(--primary-color);
padding-right: 0.5em;
align-self: center;
color: unset;
font-size: 0.875em;
&:hover {
color: var(--primary-color);
}
padding-right: 0.5em;
align-self: center;
}
.header {

2
frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
View File

@ -138,7 +138,7 @@ input[type="text"] {
line-height: 2.4;
letter-spacing: 0px;
color: var(--dark-gray);
opacity: 0.6;
opacity: 0.7;
}
.plan-label {

5
frontend/src/app/ui/plan/overview/plan-overview.component.scss
View File

@ -136,8 +136,11 @@
}
.researcher {
color: unset;
font-size: 0.875em;
color: var(--primary-color);
&:hover {
color: var(--primary-color);
}
padding-right: 0.5em;
align-self: center;
}

11
frontend/src/styles.scss
View File

@ -106,10 +106,10 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
)));
$mat-accessibility-theme: mat.m2-define-light-theme((color: (primary: $mat-theme-primary,
accent: $mat-theme-accent,
warn: $mat-theme-warn),
typography: $mat-accessibility-typography,
density: $mat-density));
accent: $mat-theme-accent,
warn: $mat-theme-warn),
typography: $mat-accessibility-typography,
density: $mat-density));
@include mat.all-component-themes($mat-core-theme);
@ -121,7 +121,7 @@ density: $mat-density));
@include mat.all-component-themes($mat-accessibility-theme);
// change individual classes set in components' scss
.frame-txt, .action-list-text, .stepper-back, .nav-row, .nav-subrow, .center-content, .form-check,
.nav-row, .nav-subrow, .sidebar-footer .option, label.mdc-label {
.nav-row, .nav-subrow, .sidebar-footer .option, label.mdc-label,.description-label {
font-size: max(1rem, 16px) !important;
}
.action-list-label, .actions-list, small {
@ -145,6 +145,7 @@ density: $mat-density));
// Guided Tour style
@import '../node_modules/ngx-guided-tour/scss/guided-tour-base-theme.scss';
.required-text {
font-size: 13px;
}