-
Notifications
You must be signed in to change notification settings - Fork 206
/
visit-header.scss
103 lines (84 loc) · 1.87 KB
/
visit-header.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
@use '@carbon/styles/scss/colors';
@use '@carbon/styles/scss/spacing';
@use '@carbon/styles/scss/type';
@import '~@openmrs/esm-styleguide/src/vars';
.topNavHeader {
top: var(--omrs-offline-banner-height);
@include brand-02(background-color);
}
.headerName {
display: flex;
}
.navLogo {
margin-right: spacing.$spacing-06;
margin-left: spacing.$spacing-04;
}
.navLogoTablet {
margin-right: spacing.$spacing-04;
margin-left: spacing.$spacing-02;
}
.startVisitButton {
@include brand-03(background-color);
&:hover {
background-color: colors.$teal-90;
}
}
.patientDetails {
display: flex;
align-items: center;
color: $ui-02;
padding: spacing.$spacing-04 spacing.$spacing-05;
&:hover {
background-color: colors.$teal-90;
}
:global(.cds--popover--bottom .cds--popover-content) {
text-align: center
}
.patientName {
@include type.type-style('heading-compact-01');
color: $ui-02;
}
.longPatientNameBtn {
@extend .patientName;
margin-right: spacing.$spacing-05;
padding-right: 0.5rem;
}
.tooltipPatientName {
@include type.type-style('productive-heading-01');
color:$ui-02;
}
.longPatientNameBtn {
background-color: transparent;
border: none;
outline: none;
}
.patientInfo {
color: $color-gray-30;
@include type.type-style('body-compact-01');
margin: 0 spacing.$spacing-03 0;
}
}
.tooltipPatientInfo {
@include type.type-style('body-short-01');
color:$color-gray-30;
margin-top:spacing.$spacing-03;
}
.tooltip :global(.cds--tooltip__trigger.cds--tooltip__trigger--definition) {
border-bottom: none;
}
.navDivider {
background-color: colors.$teal-20;
width: 0.05rem;
height: 2.25rem;
}
.tag {
margin: 0.25rem 0;
min-width: 4rem;
}
.priorityTag {
@extend .tag;
@include type.type-style('label-01');
color: #943d00;
background-color: #ffc9a3;
min-width: 4rem;
}