github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

修复桌面歌词启用歌词缩放后的阴影显示问题；就放桌面歌词在启用卡拉OK歌词后字体边缘可能被截断的问题

pull/1155/head
lyswhut 2023-01-11 13:08:28 +08:00
parent cb9fa62dac
commit db38db9256
4 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
publish/changeLog.md
View File

@ -3,3 +3,5 @@
- 修复备份文件导入指引无法识别v2配置的问题 - 修复备份文件导入指引无法识别v2配置的问题
- 修复从搜索界面进入歌单详情后，若启用强迫症设置的清空功能会导致意外清空搜索框、搜索列表的问题 - 修复从搜索界面进入歌单详情后，若启用强迫症设置的清空功能会导致意外清空搜索框、搜索列表的问题
- 就放桌面歌词在启用卡拉OK歌词后字体边缘可能被截断的问题
- 修复桌面歌词启用歌词缩放后的阴影显示问题

2
src/common/utils/lyric-font-player/font-player.js
View File

@ -159,7 +159,7 @@ module.exports = class FontPlayer {
} }
if (this.shadowContent && lrcShadowContent) { if (this.shadowContent && lrcShadowContent) {
lrcShadowContent.style = 'position:absolute;top:0;left:0;width:100%;z-index:-1;' lrcShadowContent.style = 'position:absolute;top:0;left:0;right:0;z-index:-1;'
lrcShadowContent.className = this.shadowClassName lrcShadowContent.className = this.shadowClassName
this.line.appendChild(lrcShadowContent) this.line.appendChild(lrcShadowContent)
} }

12
src/renderer-lyric/components/layout/LyricHorizontal/index.vue
View File

@ -76,7 +76,7 @@ export default {
} }
.shadow { .shadow {
color: transparent; color: transparent;
margin-left: -0.14em; // margin-left: -0.14em;
} }
.line-content { .line-content {
line-height: 1.2; line-height: 1.2;
@ -119,8 +119,16 @@ export default {
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
background-size: 0 100%; background-size: 0 100%;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
} }
} }
.line .shadow span {
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
}
// &.line-mode { // &.line-mode {
// .shadow { // .shadow {
// text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.40); // text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.40);
@ -138,7 +146,7 @@ export default {
// .stroke(2px, rgba(0, 0, 0, 0.025)); // .stroke(2px, rgba(0, 0, 0, 0.025));
transition: font-size @transition-slow; transition: font-size @transition-slow;
} }
.font-mode .line .shadow { .font-mode .line .shadow span {
.stroke(1px, var(--color-lyric-shadow-font-mode)); .stroke(1px, var(--color-lyric-shadow-font-mode));
transition: font-size @transition-slow; transition: font-size @transition-slow;
// text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3); // text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3);

9
src/renderer-lyric/components/layout/LyricVertical/index.vue
View File

@ -86,7 +86,6 @@ export default {
line-height: 1.2; line-height: 1.2;
margin: 0 var(--line-gap); margin: 0 var(--line-gap);
overflow-wrap: break-word; overflow-wrap: break-word;
letter-spacing: 5px;
.font-lrc { .font-lrc {
cursor: grab; cursor: grab;
@ -97,6 +96,7 @@ export default {
margin-right: var(--line-extended-gap); margin-right: var(--line-extended-gap);
} }
&.line-mode { &.line-mode {
letter-spacing: 5px;
.font-lrc { .font-lrc {
transition: @transition-slow; transition: @transition-slow;
transition-property: font-size, color; transition-property: font-size, color;
@ -124,8 +124,13 @@ export default {
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
background-size: 0 100%; background-size: 0 100%;
padding: 2px;
} }
} }
&.font-mode .line .shadow span {
padding: 2px;
}
} }
// .shadow { // .shadow {
// .stroke2(rgba(0, 0, 0, 0.05)); // .stroke2(rgba(0, 0, 0, 0.05));
@ -143,7 +148,7 @@ export default {
// .stroke(2px, rgba(0, 0, 0, 0.025)); // .stroke(2px, rgba(0, 0, 0, 0.025));
transition: font-size @transition-slow; transition: font-size @transition-slow;
} }
.font-mode .line .shadow { .font-mode .line .shadow span {
.stroke(1px, var(--color-lyric-shadow-font-mode)); .stroke(1px, var(--color-lyric-shadow-font-mode));
// .stroke(1px, rgba(0, 0, 0, 0.07)); // .stroke(1px, rgba(0, 0, 0, 0.07));
transition: font-size @transition-slow; transition: font-size @transition-slow;