pxt-core 7.3.10 → 7.3.11

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,7 +3,17 @@
3
3
  flex-direction: row;
4
4
  height: 100%;
5
5
 
6
+ --header-text-color: #000000;
7
+ --profile-portrait-border-color: #ffffff;
8
+ --profile-username-color: #999999;
6
9
  --background-color: #fef3e0;
10
+ --avatar-initials-background-color: #028B9B;
11
+ --avatar-initials-text-color: #ffffff;
12
+ --user-pane-border-color: #e4dbca;
13
+ --notification-background-color: #ffffff;
14
+ --notification-icon-background-color: #ffffff;
15
+ --notification-icon-color: #000000;
16
+ --badge-list-subtitle-color: #aba9a5;
7
17
  }
8
18
 
9
19
  .profile-user-pane {
@@ -11,7 +21,7 @@
11
21
  flex-direction: column;
12
22
  width: 25%;
13
23
  padding: 1rem;
14
- border-right: solid 1px black;
24
+ border-right: solid 1px var(--user-pane-border-color);
15
25
  height: 100%;
16
26
  min-width: 20rem;
17
27
  }
@@ -22,9 +32,9 @@
22
32
  height: 12rem;
23
33
  width: 12rem;
24
34
  position: relative;
25
- border: solid white 2px;
35
+ border: solid var(--profile-portrait-border-color) 2px;
26
36
  align-self: center;
27
- margin-bottom: 1rem;
37
+ margin-bottom: 1.5rem;
28
38
  }
29
39
 
30
40
  .profile-portrait img {
@@ -42,14 +52,15 @@
42
52
 
43
53
  .profile-display-name {
44
54
  font-size: 1.5rem;
45
- color: black;
55
+ color: var(--header-text-color);
46
56
  text-transform: uppercase;
47
57
  font-weight: 900;
58
+ margin-bottom: 0.5rem;
48
59
  }
49
60
 
50
61
  .profile-username {
51
62
  font-size: 1rem;
52
- color: #999999;
63
+ color: var(--profile-username-color);
53
64
  }
54
65
 
55
66
  .profile-spacer {
@@ -60,10 +71,20 @@
60
71
  display: flex;
61
72
  flex-direction: row;
62
73
  align-items: center;
74
+ justify-content: space-between;
63
75
  }
64
76
 
65
77
  .profile-actions a {
66
78
  flex-grow: 1;
79
+ font-size: 14px;
80
+ }
81
+
82
+ .profile-actions .ui.button {
83
+ width: 50%;
84
+ }
85
+
86
+ .profile-actions .ui.button i.icon {
87
+ margin-right: 1.5rem !important;
67
88
  }
68
89
 
69
90
  .profile-notification {
@@ -73,7 +94,7 @@
73
94
  border-radius: 1rem;
74
95
  padding: 1rem;
75
96
  padding-top: 2rem;
76
- background: white;
97
+ background: var(--notification-background-color);
77
98
  display: flex;
78
99
  flex-direction: column;
79
100
  }
@@ -97,13 +118,19 @@
97
118
  position: absolute;
98
119
  top: -1.625rem;
99
120
  left: calc(50% - 1.625rem);
100
- background: #dedede;
121
+ color: var(--notification-icon-color);
122
+ background: var(--notification-icon-background-color);
101
123
  }
102
124
 
103
125
  .profile-notification .profile-notification-icon i.circular.icon {
104
126
  box-shadow: none;
105
127
  }
106
128
 
129
+ .profile-badge-subtitle {
130
+ font-style: italic;
131
+ color: var(--badge-list-subtitle-color);
132
+ }
133
+
107
134
  .profile-badge-list {
108
135
  flex-grow: 1;
109
136
  height: 100%;
@@ -114,8 +141,10 @@
114
141
 
115
142
  .profile-badges-scroller {
116
143
  flex-grow: 1;
117
- overflow-y: scroll;
144
+ overflow-y: auto;
145
+ overflow-x: hidden;
118
146
  position: relative;
147
+ z-index: 1;
119
148
  }
120
149
 
121
150
  .profile-badges, .profile-badges-background {
@@ -128,6 +157,10 @@
128
157
  align-items: center;
129
158
  }
130
159
 
160
+ .profile-badges-background {
161
+ z-index: -1;
162
+ }
163
+
131
164
  .profile-badges .profile-badge, .profile-badges-background .profile-badge {
132
165
  position: relative;
133
166
  aspect-ratio: 1;
@@ -162,6 +195,7 @@
162
195
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' fill='black' r='3' opacity='0.1' /%3E%3C/svg%3E");
163
196
  background-repeat: no-repeat;
164
197
  background-position: center;
198
+ opacity: 0.3;
165
199
  aspect-ratio: 1;
166
200
  }
167
201
 
@@ -179,16 +213,24 @@
179
213
  font-weight: 900;
180
214
  font-size: 1.5rem;
181
215
  margin-right: 1rem;
216
+ color: var(--header-text-color);
182
217
  }
183
218
 
184
219
  .profile-badge-header {
220
+ margin-left: 1rem;
185
221
  margin-bottom: 1rem;
186
222
  }
187
223
 
224
+ .profile-badge-info-item {
225
+ margin-top: 1rem;
226
+ display: flex;
227
+ }
228
+
188
229
  .profile-badge-info-header {
189
230
  text-transform: uppercase;
190
231
  font-weight: 900;
191
- margin-top: 1rem;
232
+ width: 20%;
233
+ color: var(--header-text-color);
192
234
  }
193
235
 
194
236
  .profile-badge-info-image .profile-badge {
@@ -213,15 +255,24 @@
213
255
  display: flex;
214
256
  flex-direction: column;
215
257
  max-height: 100%;
258
+ background-color: var(--background-color);
259
+ z-index: 2;
260
+ overflow: hidden;
216
261
  }
217
262
 
218
- .profile-badge-and-title .profile-badge-title {
263
+ .profile-badge-and-title .profile-badge {
264
+ margin-bottom: 1rem;
265
+ flex-shrink: 1000;
266
+ }
267
+
268
+ .profile-badge-name {
219
269
  font-size: 1rem;
220
270
  text-overflow: ellipsis;
221
- overflow: hidden;
271
+ white-space: nowrap;
222
272
  width: 100%;
223
273
  margin-right: 0;
224
274
  text-align: center;
275
+ color: var(--header-text-color);
225
276
  }
226
277
 
227
278
  .profile-initials-portrait {
@@ -231,8 +282,8 @@
231
282
  align-items: center;
232
283
  justify-content: center;
233
284
  height: 100%;
234
- color: white;
235
- background-color: #028B9B;
285
+ color: var(--avatar-initials-text-color);
286
+ background-color: var(--avatar-initials-background-color);
236
287
  }
237
288
 
238
289
  @media only screen and (max-width: 1200px) and (min-width: 992px) {