@onemrvapublic/design-system-theme 20.11.1-develop.1 → 20.11.1-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,9 +3,9 @@ import { NgModule } from '@angular/core';
|
|
|
3
3
|
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
|
|
4
4
|
|
|
5
5
|
class OnemrvaThemeModule {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: OnemrvaThemeModule }); }
|
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OnemrvaThemeModule, providers: [
|
|
9
9
|
{
|
|
10
10
|
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
11
11
|
useValue: {
|
|
@@ -15,7 +15,7 @@ class OnemrvaThemeModule {
|
|
|
15
15
|
},
|
|
16
16
|
] }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
providers: [
|
package/index.scss
CHANGED
|
@@ -78,18 +78,21 @@
|
|
|
78
78
|
@use 'overrides/stickers';
|
|
79
79
|
|
|
80
80
|
@mixin onemrva($colorScheme: light) {
|
|
81
|
-
|
|
81
|
+
// Force light mode only
|
|
82
|
+
color-scheme: light;
|
|
82
83
|
background: var(--mat-sys-surface);
|
|
83
84
|
color: var(--mat-sys-on-surface);
|
|
84
85
|
margin: 0;
|
|
85
86
|
padding: 0;
|
|
86
|
-
&.dark-theme {
|
|
87
|
-
color-scheme: dark !important;
|
|
88
|
-
@media (prefers-color-scheme: light) {
|
|
89
|
-
color-scheme: dark !important;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
87
|
|
|
88
|
+
// &.dark-theme {
|
|
89
|
+
// color-scheme: dark !important;
|
|
90
|
+
// @media (prefers-color-scheme: light) {
|
|
91
|
+
// color-scheme: dark !important;
|
|
92
|
+
// }
|
|
93
|
+
// }
|
|
94
|
+
|
|
95
|
+
// Dark theme disabled - always use light mode
|
|
93
96
|
&.light-theme {
|
|
94
97
|
color-scheme: light !important;
|
|
95
98
|
@media (prefers-color-scheme: dark) {
|
|
@@ -97,6 +100,12 @@
|
|
|
97
100
|
}
|
|
98
101
|
}
|
|
99
102
|
|
|
103
|
+
// The overlay for datepicker needs to be able to go above the
|
|
104
|
+
// top navbar of Wave
|
|
105
|
+
.cdk-overlay-container {
|
|
106
|
+
z-index: 1500;
|
|
107
|
+
}
|
|
108
|
+
|
|
100
109
|
@include fonts.theme();
|
|
101
110
|
@include layout.override();
|
|
102
111
|
@include utilities.utilities();
|
|
@@ -14,6 +14,13 @@
|
|
|
14
14
|
&:not([class*='mat-elevation-z']) {
|
|
15
15
|
box-shadow: none;
|
|
16
16
|
}
|
|
17
|
+
|
|
18
|
+
// Ensure expansion panels are full width
|
|
19
|
+
// In wave they caused misalignment
|
|
20
|
+
.mat-expansion-panel-header {
|
|
21
|
+
padding: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
17
24
|
.mat-expansion-panel-header-title {
|
|
18
25
|
align-items: center;
|
|
19
26
|
display: flex;
|