fix(nav): publish menu contrast, check-in toast and button layout
Use solid light plate + forced ink on 发布 items, notyf instead of alert, and keep header check-in flex layout after success.
This commit is contained in:
1 parent
77164fee45
commit
35ac26db28
5 files changed
+238
-81
No files matched your search
@@ -32,36 +32,76 @@
|
||||
color: var(--color-ink-3, #666);
|
||||
}
|
||||
|
||||
/* Check-in: readable on light theme */
|
||||
/* Check-in: beat generic `.user-dropdown button { height:44px; background:none }` */
|
||||
.user-dropdown button.aksrt-header-checkin,
|
||||
.aksrt-header-checkin {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
padding: 8px 10px;
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
height: auto !important;
|
||||
min-height: 36px;
|
||||
border: 0 !important;
|
||||
border-radius: 6px !important;
|
||||
padding: 8px 10px !important;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
background: #fff6db;
|
||||
color: #8a5a00;
|
||||
background: #fff6db !important;
|
||||
color: #8a5a00 !important;
|
||||
font-weight: 600;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
font-size: 13px !important;
|
||||
line-height: 1.3;
|
||||
display: inline-flex !important;
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
gap: 6px !important;
|
||||
text-align: center !important;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.user-dropdown button.aksrt-header-checkin > i,
|
||||
.aksrt-header-checkin > i {
|
||||
margin: 0 !important;
|
||||
color: #b78103;
|
||||
color: #b78103 !important;
|
||||
flex: 0 0 auto;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.aksrt-header-checkin.is-done {
|
||||
.user-dropdown button.aksrt-header-checkin > span,
|
||||
.aksrt-header-checkin > span {
|
||||
line-height: 1.3;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.user-dropdown button.aksrt-header-checkin.is-done,
|
||||
.aksrt-header-checkin.is-done,
|
||||
.user-dropdown button.aksrt-header-checkin:disabled,
|
||||
.aksrt-header-checkin:disabled {
|
||||
opacity: 0.85;
|
||||
cursor: default;
|
||||
background: #f3f4f6;
|
||||
color: #555;
|
||||
background: #f3f4f6 !important;
|
||||
color: #555 !important;
|
||||
}
|
||||
|
||||
.aksrt-header-checkin.is-done > i {
|
||||
color: #777;
|
||||
.user-dropdown button.aksrt-header-checkin.is-done > i,
|
||||
.aksrt-header-checkin.is-done > i,
|
||||
.user-dropdown button.aksrt-header-checkin:disabled > i,
|
||||
.aksrt-header-checkin:disabled > i {
|
||||
color: #777 !important;
|
||||
}
|
||||
|
||||
.user-dropdown button.aksrt-header-checkin:hover,
|
||||
.aksrt-header-checkin:hover {
|
||||
background: #fff0c2 !important;
|
||||
color: #8a5a00 !important;
|
||||
}
|
||||
|
||||
.user-dropdown button.aksrt-header-checkin.is-done:hover,
|
||||
.aksrt-header-checkin.is-done:hover,
|
||||
.user-dropdown button.aksrt-header-checkin:disabled:hover,
|
||||
.aksrt-header-checkin:disabled:hover {
|
||||
background: #f3f4f6 !important;
|
||||
color: #555 !important;
|
||||
}
|
||||
|
||||
.aksrt-header-checkin-details {
|
||||
@@ -200,11 +240,31 @@
|
||||
}
|
||||
|
||||
/* Dark theme overrides */
|
||||
html.dark .user-dropdown button.aksrt-header-checkin,
|
||||
html.dark .aksrt-header-checkin,
|
||||
body.dark-theme .user-dropdown button.aksrt-header-checkin,
|
||||
body.dark-theme .aksrt-header-checkin,
|
||||
body.theme-dark .user-dropdown button.aksrt-header-checkin,
|
||||
body.theme-dark .aksrt-header-checkin {
|
||||
background: rgba(255, 193, 7, 0.18);
|
||||
color: #f0c14b;
|
||||
background: rgba(255, 193, 7, 0.18) !important;
|
||||
color: #f0c14b !important;
|
||||
}
|
||||
|
||||
html.dark .user-dropdown button.aksrt-header-checkin > i,
|
||||
html.dark .aksrt-header-checkin > i,
|
||||
body.dark-theme .user-dropdown button.aksrt-header-checkin > i,
|
||||
body.dark-theme .aksrt-header-checkin > i,
|
||||
body.theme-dark .user-dropdown button.aksrt-header-checkin > i,
|
||||
body.theme-dark .aksrt-header-checkin > i {
|
||||
color: #f0c14b !important;
|
||||
}
|
||||
|
||||
html.dark .user-dropdown button.aksrt-header-checkin.is-done,
|
||||
html.dark .aksrt-header-checkin.is-done,
|
||||
body.dark-theme .user-dropdown button.aksrt-header-checkin.is-done,
|
||||
body.dark-theme .aksrt-header-checkin.is-done {
|
||||
background: rgba(255, 255, 255, 0.08) !important;
|
||||
color: #bbb !important;
|
||||
}
|
||||
|
||||
html.dark .aksrt-header-wallet,
|
||||
|
||||
Reference in new issue
Block a user