@mundogamernetwork/shared-ui 1.16.10 → 1.16.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.
|
@@ -175,6 +175,16 @@ const handleToggleOnline = () => {
|
|
|
175
175
|
<MgXpLevelBar compact :mgc-balance="user?.coins ?? null" :show-balance="false" :locale="locale" />
|
|
176
176
|
</div>
|
|
177
177
|
|
|
178
|
+
<!--
|
|
179
|
+
Optional, empty by default. For a host whose primary CTA (jobs-
|
|
180
|
+
frontend's "Post a job") and its related stat (companies followed)
|
|
181
|
+
got buried under Manage Account/Support/Show-online — reads as an
|
|
182
|
+
afterthought instead of the main reason someone opens this menu.
|
|
183
|
+
Sits right after the identity/stats block, above the account-
|
|
184
|
+
management rows below, so it's the first thing seen.
|
|
185
|
+
-->
|
|
186
|
+
<slot name="quick-actions" />
|
|
187
|
+
|
|
178
188
|
<div v-if="pricingUrl" class="row info-row">
|
|
179
189
|
<a :href="pricingUrl" class="plans-pricing-link">
|
|
180
190
|
{{ $t("account_menu.buttons.plans_pricing", "Plans & Pricing") }}
|
|
@@ -242,6 +252,35 @@ const handleToggleOnline = () => {
|
|
|
242
252
|
max-height: calc(100vh - 65px);
|
|
243
253
|
overflow-y: auto;
|
|
244
254
|
transition: all ease 0.5s;
|
|
255
|
+
// The scrollbar itself only exists so tall content (hosts with a lot of
|
|
256
|
+
// extra-menu-items) never goes unreachably off-screen — it shouldn't
|
|
257
|
+
// look like a leftover browser default. Thin and only tinted on hover,
|
|
258
|
+
// same idea as a native macOS overlay scrollbar. Firefox/most browsers
|
|
259
|
+
// respect scrollbar-width; the ::-webkit- rules cover Chrome/Safari.
|
|
260
|
+
scrollbar-width: thin;
|
|
261
|
+
scrollbar-color: transparent transparent;
|
|
262
|
+
|
|
263
|
+
&:hover {
|
|
264
|
+
scrollbar-color: var(--header-ui-config-border) transparent;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
&::-webkit-scrollbar {
|
|
268
|
+
width: 6px;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
&::-webkit-scrollbar-track {
|
|
272
|
+
background: transparent;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
&::-webkit-scrollbar-thumb {
|
|
276
|
+
// No border-radius — MGN is angular by brand decision, no rounded
|
|
277
|
+
// corners anywhere (see the .signed-in-menu comment below).
|
|
278
|
+
background: transparent;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
&:hover::-webkit-scrollbar-thumb {
|
|
282
|
+
background: var(--header-ui-config-border);
|
|
283
|
+
}
|
|
245
284
|
|
|
246
285
|
// Derived from the actual rendered content (:has), not the .signed-in
|
|
247
286
|
// class this element also carries. That class is a reactive :class
|