fix(frontend): restore reference user popover button geometry
This commit is contained in:
@@ -916,6 +916,7 @@ strong, b {
|
|||||||
|
|
||||||
/* === Full width === */
|
/* === Full width === */
|
||||||
.btn-block {
|
.btn-block {
|
||||||
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2876,13 +2877,6 @@ main.container,
|
|||||||
color: var(--color-ink-2);
|
color: var(--color-ink-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Keep the block CTA flush with the VIP row's padded inner width. */
|
|
||||||
.aksrt-header-userbox > .mt6.em09 > .but.block {
|
|
||||||
display: block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
|
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
|
||||||
.aksrt-nav-notification .aksrt-notification-badge {
|
.aksrt-nav-notification .aksrt-notification-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -137,6 +137,7 @@
|
|||||||
|
|
||||||
/* === Full width === */
|
/* === Full width === */
|
||||||
.btn-block {
|
.btn-block {
|
||||||
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -170,13 +170,6 @@
|
|||||||
color: var(--color-ink-2);
|
color: var(--color-ink-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Keep the block CTA flush with the VIP row's padded inner width. */
|
|
||||||
.aksrt-header-userbox > .mt6.em09 > .but.block {
|
|
||||||
display: block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
|
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
|
||||||
.aksrt-nav-notification .aksrt-notification-badge {
|
.aksrt-nav-notification .aksrt-notification-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
+1
-1
@@ -6838,7 +6838,7 @@ badge.top,
|
|||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-top .navbar-but .but {
|
.navbar-top .navbar-but > .but {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
padding: 0.3em 1em !important;
|
padding: 0.3em 1em !important;
|
||||||
margin: 0.4em;
|
margin: 0.4em;
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -181,7 +181,6 @@ test('the account popover rows match the reference user box structure', () => {
|
|||||||
const identity = read('inc/helpers/aksrt-identity.php');
|
const identity = read('inc/helpers/aksrt-identity.php');
|
||||||
const legacyMainCss = read('assets/css/main.css');
|
const legacyMainCss = read('assets/css/main.css');
|
||||||
const buttonsCss = read('assets/css/core/buttons.css');
|
const buttonsCss = read('assets/css/core/buttons.css');
|
||||||
const headerUserboxCss = read('assets/css/frontend/header-userbox.css');
|
|
||||||
|
|
||||||
// Stats row is wired with the reference wrapper and carries the posts chip.
|
// Stats row is wired with the reference wrapper and carries the posts chip.
|
||||||
assert.match(header, /aksrt_header_user_badges_row\(\$user_id\)/);
|
assert.match(header, /aksrt_header_user_badges_row\(\$user_id\)/);
|
||||||
@@ -220,8 +219,10 @@ test('the account popover rows match the reference user box structure', () => {
|
|||||||
assert.match(header, /but block c-yellow/);
|
assert.match(header, /but block c-yellow/);
|
||||||
assert.match(header, /but block c-yellow is-done/);
|
assert.match(header, /but block c-yellow is-done/);
|
||||||
assert.match(buttonsCss, /\.but\.block\s*\{\s*display:\s*block;\s*\}/);
|
assert.match(buttonsCss, /\.but\.block\s*\{\s*display:\s*block;\s*\}/);
|
||||||
|
assert.match(buttonsCss, /\.btn-block\s*\{\s*display:\s*block;\s*width:\s*100%;\s*\}/);
|
||||||
|
assert.match(legacyMainCss, /\.navbar-top \.navbar-but > \.but\s*\{[^}]*font-size:\s*0\.8em;[^}]*padding:\s*0\.3em 1em !important;[^}]*margin:\s*0\.4em;/s);
|
||||||
|
assert.doesNotMatch(legacyMainCss, /\.navbar-top \.navbar-but \.but\s*\{/);
|
||||||
assert.doesNotMatch(header, /but block c-yellow[^"']*btn-block/);
|
assert.doesNotMatch(header, /but block c-yellow[^"']*btn-block/);
|
||||||
assert.match(headerUserboxCss, /\.aksrt-header-userbox > \.mt6\.em09 > \.but\.block\s*\{\s*display:\s*block;\s*box-sizing:\s*border-box;\s*width:\s*100%;/s);
|
|
||||||
assert.match(header, /<div class="mt6 em09" style="padding:2px;">' \. \$checkin \. '<\/div>/);
|
assert.match(header, /<div class="mt6 em09" style="padding:2px;">' \. \$checkin \. '<\/div>/);
|
||||||
assert.match(header, /data-signin-done-label[\s\S]{0,120}?今日已签到/);
|
assert.match(header, /data-signin-done-label[\s\S]{0,120}?今日已签到/);
|
||||||
// The reference renders fa-calendar-check-o, an outline glyph; FA5 keeps that
|
// The reference renders fa-calendar-check-o, an outline glyph; FA5 keeps that
|
||||||
|
|||||||
Reference in New Issue
Block a user