Fix dialog footer styles on tv

This commit is contained in:
Bill Thornton 2021-09-01 00:43:44 -04:00
parent 3adc118864
commit 4b581f4160
7 changed files with 35 additions and 5 deletions

View File

@ -60,6 +60,7 @@
}
.layout-tv .formDialogFooter {
position: relative;
align-items: center;
justify-content: center;
flex-wrap: wrap;

View File

@ -159,11 +159,6 @@ html {
background-color: #f57f17;
}
.formDialogFooter:not(.formDialogFooter-clear) {
border-top: 1px solid #ddd;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.cardText-secondary,
.fieldDescription,
.guide-programNameCaret,
@ -203,6 +198,11 @@ html {
color: rgba(255, 255, 255, 0.87);
}
.formDialogFooter:not(.formDialogFooter-clear) {
border-top: 1px solid #ddd;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.appfooter,
.formDialogFooter:not(.formDialogFooter-clear),
.playlistSectionButton {
@ -214,6 +214,12 @@ html {
background: linear-gradient(to right, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb);
}
.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
border: none;
color: initial;
background: none;
}
.nowPlayingBarSecondaryText {
color: #999;
}

View File

@ -139,6 +139,10 @@ html {
background-color: rgba(0, 0, 0, 0.5);
}
.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
background-color: transparent;
}
.defaultCardBackground1 {
background-color: #213440;
}

View File

@ -127,6 +127,10 @@ html {
background-color: #202020;
}
.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
background-color: transparent;
}
.defaultCardBackground1 {
background-color: #00455c;
}

View File

@ -170,6 +170,11 @@ html {
color: inherit;
}
.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
background-color: transparent;
border: none;
}
.cardText-secondary,
.fieldDescription,
.guide-programNameCaret,

View File

@ -223,6 +223,11 @@ a[data-role=button] {
border-radius: 0.8em;
}
.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
background-color: transparent;
border-radius: 0;
}
.cardOverlayContainer {
border-radius: 0.8em;
}

View File

@ -193,6 +193,11 @@ html {
color: rgba(255, 255, 255, 0.78);
}
.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
background: transparent;
color: initial;
}
.itemSelectionPanel {
border: 1px solid #00a4dc;
}