mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-11-07 15:25:26 +00:00
Fix: Tweaked paddings around the track selection menus to be more consistent
dev: rearranged code
This commit is contained in:
lscambo13
@@ -1756,46 +1756,6 @@ progress+span {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.itemDetailsGroup {
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
margin-top: 1em;
|
||||
border-radius: var(--smallRadius);
|
||||
background-color: var(--lighterGradientPointAlpha);
|
||||
border: none;
|
||||
box-shadow: inset 0 0 0 .06em var(--borderColor) !important;
|
||||
}
|
||||
|
||||
.detailsGroupItem {
|
||||
margin: 0 !important;
|
||||
justify-content: space-between;
|
||||
padding: .5em .9em;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.detailsGroupItem:not(:last-child) {
|
||||
border-bottom: var(--defaultBorder);
|
||||
}
|
||||
|
||||
.detailsGroupItem>.label {
|
||||
font-weight: 600;
|
||||
flex-basis: 6em;
|
||||
}
|
||||
|
||||
.detailsGroupItem>.content>a {
|
||||
font-weight: 400;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.detailsGroupItem>.content {
|
||||
text-align: end;
|
||||
color: var(--dimTextColor);
|
||||
}
|
||||
|
||||
.detailsGroupItem>.label {
|
||||
color: var(--textColor);
|
||||
}
|
||||
|
||||
.itemExternalLinks {
|
||||
color: var(--textColor);
|
||||
}
|
||||
@@ -2615,6 +2575,7 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
column-gap: 3em;
|
||||
max-width: unset !important;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.layout-mobile .detailSection {
|
||||
@@ -2636,6 +2597,10 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
background-color: var(--lighterGradientPointAlpha);
|
||||
}
|
||||
|
||||
.layout-mobile .trackSelections{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.layout-tv .trackSelections {
|
||||
order: 2;
|
||||
}
|
||||
@@ -2686,11 +2651,6 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23d1d5db" d="m15.4 4.05-.5.56.5-.56Zm3.95 3.57-.5.55.5-.55Zm2.3 2.53-.68.3.68-.3ZM3.17 20.83l.53-.53-.53.53Zm17.66 0-.53-.53.53.53Zm-6.83.42h-4v1.5h4v-1.5ZM2.75 14v-4h-1.5v4h1.5Zm18.5-.44V14h1.5v-.44h-1.5Zm-6.36-8.95 3.96 3.56 1-1.11L15.9 3.5l-1 1.11Zm7.86 8.95c0-1.69.02-2.75-.41-3.71l-1.37.6c.26.6.28 1.3.28 3.11h1.5Zm-3.9-5.39c1.35 1.22 1.85 1.7 2.12 2.29l1.37-.61c-.43-.96-1.23-1.66-2.49-2.8l-1 1.12Zm-8.82-5.42c1.58 0 2.18.01 2.71.22l.54-1.4c-.85-.33-1.78-.32-3.25-.32v1.5Zm5.86.75c-1.08-.98-1.76-1.6-2.61-1.93l-.54 1.4c.53.2.98.59 2.15 1.64l1-1.11ZM10 21.25c-1.9 0-3.26 0-4.29-.14-1-.13-1.58-.39-2-.81l-1.07 1.06c.75.75 1.7 1.08 2.87 1.24 1.15.15 2.63.15 4.49.15v-1.5ZM1.25 14c0 1.86 0 3.34.15 4.49a4.71 4.71 0 0 0 1.24 2.87L3.7 20.3c-.42-.43-.67-1-.81-2.01A36 36 0 0 1 2.75 14h-1.5ZM14 22.75c1.86 0 3.34 0 4.49-.15a4.71 4.71 0 0 0 2.87-1.24L20.3 20.3c-.43.42-1 .68-2.01.81-1.03.14-2.38.14-4.29.14v1.5ZM21.25 14c0 1.9 0 3.26-.14 4.29-.13 1-.39 1.58-.81 2l1.06 1.07a4.71 4.71 0 0 0 1.24-2.87c.15-1.15.15-2.63.15-4.49h-1.5Zm-18.5-4c0-1.9 0-3.26.14-4.29.14-1 .39-1.58.81-2L2.64 2.63A4.71 4.71 0 0 0 1.4 5.51c-.15 1.15-.15 2.63-.15 4.49h1.5Zm7.28-8.75c-1.87 0-3.36 0-4.51.15a4.72 4.72 0 0 0-2.88 1.24L3.7 3.7c.42-.42 1-.67 2.02-.81 1.03-.14 2.4-.14 4.31-.14v-1.5Z"/><path stroke="%23d1d5db" stroke-width="1.5" d="M13 2.5V5c0 2.36 0 3.54.73 4.27.73.73 1.91.73 4.27.73h4"/></svg>');
|
||||
}
|
||||
|
||||
.detailSectionContent {
|
||||
order: 1;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.detailSectionContent a:not(.overview-expand) {
|
||||
text-align: start;
|
||||
}
|
||||
@@ -2701,16 +2661,54 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
}
|
||||
|
||||
.itemDetailsGroup {
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
margin-top: 1em;
|
||||
border-radius: var(--smallRadius);
|
||||
background-color: var(--lighterGradientPointAlpha);
|
||||
border: none;
|
||||
box-shadow: inset 0 0 0 .06em var(--borderColor) !important;
|
||||
order: 2;
|
||||
grid-column: 1 / 3;
|
||||
}
|
||||
|
||||
.layout-tv .itemDetailsGroup {
|
||||
order: 2;
|
||||
.layout-mobile .itemDetailsGroup{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.trackSelections.hide~.recordingFields.hide~.itemDetailsGroup {
|
||||
grid-column: 1 / -1;
|
||||
.detailsGroupItem {
|
||||
margin: 0 !important;
|
||||
justify-content: space-between;
|
||||
padding: .5em .9em;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.detailsGroupItem:not(:last-child) {
|
||||
border-bottom: var(--defaultBorder);
|
||||
}
|
||||
|
||||
.detailsGroupItem>.label {
|
||||
font-weight: 600;
|
||||
flex-basis: 6em;
|
||||
}
|
||||
|
||||
.detailsGroupItem>.content>a {
|
||||
font-weight: 400;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.detailsGroupItem>.content {
|
||||
text-align: end;
|
||||
color: var(--dimTextColor);
|
||||
}
|
||||
|
||||
.detailsGroupItem>.label {
|
||||
color: var(--textColor);
|
||||
}
|
||||
|
||||
|
||||
.layout-tv .itemDetailsGroup {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.detailSection>.nextUpSection {
|
||||
@@ -2723,7 +2721,13 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
grid-column: 2 / -1;
|
||||
}
|
||||
|
||||
.nextUpSection.hide~#listChildrenCollapsible {
|
||||
.detailSectionContent {
|
||||
order: 1;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.nextUpSection.hide~#listChildrenCollapsible,
|
||||
.trackSelections.hide~.recordingFields.hide~.itemDetailsGroup {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user