@asd20/ui 3.2.440 → 3.2.443

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/organisms/Asd20AppHeader/index.vue +24 -12
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.440",
8
+ "version": "3.2.443",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/organisms/Asd20AppHeader/index.vue CHANGED
@@ -22,7 +22,7 @@
22
22
  >
23
23
  <asd20-icon v-if="icon" :name="icon" size="md" />
24
24
  {{ title }}
25
- <span class="version" v-if="version" v-html="version"></span>
25
+ <span class="version" v-if="version && !zoomed" v-html="version"></span>
26
26
  </div>
27
27
  <asd20-district-logo link="https://www.asd20.org" />
28
28
  </h1>
@@ -69,7 +69,9 @@ export default {
69
69
  display: flex;
70
70
  align-items: center;
71
71
  flex-shrink: 0;
72
- background: white;
72
+ background: var(--color__primary);
73
+ color: white;
74
+ // background: white;
73
75
  flex-wrap: wrap;
74
76
  border-bottom: 1px solid var(--color__tertiary);
75
77
 
@@ -88,20 +90,25 @@ export default {
88
90
 
89
91
  h1 {
90
92
  margin: 0;
91
- font-size: 1rem;
92
- color: var(--color__primary);
93
+ font-size: 1.5rem;
94
+ color: var(--color__on-primary);
93
95
  flex-grow: 1;
94
96
  width: 100%;
95
97
  border-bottom: 1px solid var(--color__tertiary);
96
98
  display: flex;
97
99
  align-items: center;
100
+ font-family: var(--website-typography__font-family-headlines);
98
101
  .asd20-icon {
99
102
  margin: 0 space(0.5);
103
+ --line-color: white;
100
104
  }
101
105
  .version {
106
+ position: absolute;
107
+ top: space(3);
108
+ right: space(-0.45);
102
109
  display: block;
103
- font-size: 0.75rem;
104
- color: var(--color__accent-s20);
110
+ font-size: 0.65rem;
111
+ color: lightgray;
105
112
  text-transform: uppercase;
106
113
  margin-left: space(0.5);
107
114
  margin-right: space(0.5);
@@ -117,10 +124,12 @@ export default {
117
124
  .asd20-district-logo {
118
125
  margin-left: auto;
119
126
  margin-right: space(1);
120
- height: space(1);
127
+ height: space(1.5);
121
128
  padding: space(0.5) 0;
122
- --fill-one: #{asd20-color('brand-blue')};
123
- --fill-two: #{asd20-color('brand-gray')};
129
+ --fill-one: #fff;
130
+ --fill-two: #ccc;
131
+ // --fill-one: #{asd20-color('brand-blue')};
132
+ // --fill-two: #{asd20-color('brand-gray')};
124
133
  }
125
134
 
126
135
  .asd20-button {
@@ -140,17 +149,20 @@ export default {
140
149
  .asd20-button.asd20-button--transparent {
141
150
  margin-right: 0;
142
151
  }
143
- .asd20-button.back-button {
152
+ .back-button {
144
153
  width: 100vw;
145
- background: var(--color__tertiary);
154
+ background: var(--color__primary);
146
155
  flex-grow: 1;
147
156
  margin: 0;
148
157
  order: 0;
149
158
  font-size: 0.875rem !important;
150
159
  font-weight: bold;
151
160
  padding: space(0.25) space(0.25) space(0.25) space(0.5);
152
- color: var(--color__primary);
161
+ color: var(--color__on-primary);
153
162
  // margin-bottom: space(-0.5);
163
+ &::v-deep .asd20-icon {
164
+ --line-color: var(--color__on-primary) !important;
165
+ }
154
166
  }
155
167
  }
156
168