renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(AdaptedStyles): adapt customer service message (#838)

Browse Source 
* add customer service info theme adaptation

* Update notificationsPage.scss

* chore: update tabs background && gradient mask

---------

Co-authored-by: Hakadao <a578457889743@gmail.com>
This commit is contained in:
MidnightCrowing
2024-06-19 00:00:55 +08:00
committed by GitHub
parent 0153e3b1aa
commit f5fbfd6bb3
1 changed files with 49 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/styles/adaptedStyles/notificationsPage.scss
View File

@@ -22,6 +22,10 @@
}
}
.message-list::-webkit-scrollbar-thumb {
background: rgba(120, 120, 140, 0.44);
}
#link-message-container {
z-index: 1;
}
@@ -59,7 +63,11 @@
.reply-card .action-button:not(.del-button):hover > svg *,
.at-card .action-button:not(.del-button):hover > svg *,
.action-button.active svg *,
.bili-im .left .title .back-link:hover {
.bili-im .left .title .back-link:hover,
.bl-button--shallow-o:hover,
.bl-button--shallow-o:active,
.bl-button--shallow-o.active,
.bl-button--shallow-o[active] {
color: var(--bew-theme-color);
}
@@ -93,7 +101,11 @@
.send-btn.active,
.operate-btn,
.bl-button--ghost,
.bl-button--ghost:hover {
.bl-button--ghost:hover,
.bl-button--shallow-o:hover,
.bl-button--shallow-o:active,
.bl-button--shallow-o.active,
.bl-button--shallow-o[active] {
border-color: var(--bew-theme-color);
}
@@ -116,7 +128,8 @@
.send-button,
.notify-number,
.bl-button--primary,
.bl-button--ghost:hover {
.bl-button--ghost:hover,
.message .message-content.is-me {
background-color: var(--bew-theme-color);
}
@@ -125,6 +138,13 @@
background-color: var(--bew-theme-color) !important;
}
.bl-button--shallow-o:active,
.bl-button--shallow-o.active,
.bl-button--shallow-o[active],
.cs-actions-wrap .cs-actions .cs-action-item:hover {
background-color: var(--bew-theme-color-20);
}
.send-btn.active:hover,
.bl-button--primary:hover {
background-color: var(--bew-theme-color-80);
@@ -134,6 +154,8 @@
.emoji-container .emotion-btn-box:hover,
.image-upload-btn.opened,
.image-upload-btn:hover,
.customer-actions-wraper .customer-actions-btn:active,
.customer-actions-wraper .customer-actions-btn:hover,
.helper-btn.active::before {
filter: var(--bew-filter-icon-glow);
}
@@ -185,7 +207,10 @@
.bp-popup-panel .content-text,
.tab-list,
.group-helper-msg-list .name,
.share-card.video-type .content {
.share-card.video-type .content,
.bili-im,
.bl-button--shallow-o,
.cs-self-service .cs-self-service-list .cs-self-service-item .tool-title {
color: var(--bew-text-1);
}
@@ -203,7 +228,8 @@
.content .btnrow .btn.save.disabled,
.content .btnrow .btn.clear,
.msg-push-new__leave-message--text,
.bp-icon-font.icon-close:before {
.bp-icon-font.icon-close:before,
.cs-actions-wrap .cs-actions .cs-action-item {
color: var(--bew-text-2);
}
@@ -231,7 +257,9 @@
.content .input-section .row .emoji-btn,
.content .btnrow .btn.clear,
.reply-textarea,
.action-menu .menu-list {
.action-menu .menu-list,
.bl-button--shallow-o,
.cs-actions-wrap {
border-color: var(--bew-border-color);
}
@@ -277,7 +305,11 @@
.toggle,
.content .btnrow .btn.save.disabled,
.reply-textarea,
.list-item.top {
.list-item.top,
.cs-self-service .cs-self-service-list .cs-self-service-item,
.cs-order-notice,
.cs-rich-text-answer .rich-answer-evaluate .ev-thumb,
.cs-q-tab-area ul.cs-q-tabs li.cs-q-tab-item.active {
background-color: var(--bew-fill-1);
}
@@ -313,16 +345,25 @@
background-color: var(--bew-content-solid-1);
}
.cs-q-tab-area ul.cs-q-tabs {
background-color: var(--bew-content-solid-2);
}
.static-popup,
.action-menu .menu-list,
.action-menu .menu-list:before,
.bp-popup-panel,
.group-helper-msg-list,
.tab-list .tab-item.active::before,
.group-helper-msg-list::after {
.group-helper-msg-list::after,
.cs-actions-wrap {
background-color: var(--bew-elevated-solid-1);
}
.cs-q-tab-area.shadow:after {
background: linear-gradient(270deg, var(--bew-content-solid-2) 0%, transparent 100%);
}
.follow-btn.inactive,
.content .btnrow .btn.save.disabled {
opacity: 0.6;