fix: 🐛 Fixed an issue where non-alphabetic characters would leak out of details

This commit is contained in:
James Finch 2024-05-13 23:49:49 +01:00
parent 9b1cc672cd
commit 15b2db15b7
2 changed files with 16 additions and 9 deletions

View File

@ -327,12 +327,15 @@
width: fit-content !important; width: fit-content !important;
max-width: max-content !important; max-width: max-content !important;
backdrop-filter: blur(40px) !important; backdrop-filter: blur(40px) !important;
display: flex;
gap: 1em;
} }
/* Fix for groups section card */ /* Fix for group section labels */
.layout-desktop .content.focuscontainer-x { .detailsGroupItem .label, .trackSelections .selectContainer .selectLabel {
white-space: nowrap !important; min-width: 75px;
padding-right: 48px !important; flex-basis: unset;
margin: unset;
} }
/* Alternative mobile group section card */ /* Alternative mobile group section card */

View File

@ -356,17 +356,21 @@ html {
/* Add card around groups section */ /* Add card around groups section */
.layout-desktop .detailsGroupItem { .layout-desktop .detailsGroupItem {
background: #181818 !important; background: rgba(35, 35, 35, 0.5) !important;
padding: 10px 20px !important; padding: 10px 20px !important;
border-radius: 100px !important; border-radius: 100px !important;
width: fit-content !important; width: fit-content !important;
max-width: max-content !important; max-width: max-content !important;
backdrop-filter: blur(40px) !important;
display: flex;
gap: 1em;
} }
/* Fix for groups section card */ /* Fix for group section labels */
.layout-desktop .content.focuscontainer-x { .detailsGroupItem .label, .trackSelections .selectContainer .selectLabel {
white-space: nowrap !important; min-width: 75px;
padding-right: 48px !important; flex-basis: unset;
margin: unset;
} }
/* Alternative mobile group section card */ /* Alternative mobile group section card */