diff --git a/src/assets/scss/Global/basic.scss b/src/assets/scss/Global/basic.scss index df503e76..3ce5d05a 100644 --- a/src/assets/scss/Global/basic.scss +++ b/src/assets/scss/Global/basic.scss @@ -21,6 +21,7 @@ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; + word-break: break-all; } .rounded { diff --git a/src/components/AlbumView/Header.vue b/src/components/AlbumView/Header.vue index 235bb2d5..25013e07 100644 --- a/src/components/AlbumView/Header.vue +++ b/src/components/AlbumView/Header.vue @@ -40,8 +40,8 @@ /> -
- +
+
diff --git a/src/components/LeftSidebar/NP/SongCard.vue b/src/components/LeftSidebar/NP/SongCard.vue index 02ac0bd6..f9c9dcf0 100644 --- a/src/components/LeftSidebar/NP/SongCard.vue +++ b/src/components/LeftSidebar/NP/SongCard.vue @@ -91,7 +91,6 @@ const props = defineProps<{ .title { font-weight: 900; - word-break: break-all; } .artists { diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue index 10c586ee..c5496061 100644 --- a/src/components/shared/SongItem.vue +++ b/src/components/shared/SongItem.vue @@ -140,7 +140,6 @@ function showMenu(e: Event) { } .song-album { - word-break: break-all; max-width: max-content; cursor: pointer; @@ -150,8 +149,6 @@ function showMenu(e: Event) { } .song-artists { - word-break: break-all; - .artist { cursor: pointer; } @@ -167,6 +164,10 @@ function showMenu(e: Event) { .song-duration { font-size: 0.9rem; text-align: left; + + .ellip { + word-break: keep-all !important; + } } .options-icon { @@ -220,7 +221,6 @@ function showMenu(e: Event) { .title { cursor: pointer; - word-break: break-all; } } diff --git a/src/components/shared/TrackItem.vue b/src/components/shared/TrackItem.vue index 4a896ce3..553447e6 100644 --- a/src/components/shared/TrackItem.vue +++ b/src/components/shared/TrackItem.vue @@ -137,12 +137,7 @@ const playThis = (track: Track) => { height: 3rem; } - .title { - word-break: break-all; - } - .artist { - word-break: break-all; font-size: small; color: rgba(255, 255, 255, 0.637); }