Add context menu to receiver selector + other improvements

This commit is contained in:
hensm
2022-05-09 23:45:20 +01:00
parent b1100bd258
commit 5f96e6ef29
9 changed files with 444 additions and 315 deletions

View File

@@ -11,7 +11,7 @@ body {
}
@media (prefers-color-scheme: dark) {
.media-select,
.media-type-select,
.receiver:not(:last-child) {
border-bottom-color: var(--grey-50) !important;
}
@@ -20,7 +20,7 @@ body {
}
}
.whitelist-suggest {
.whitelist-banner {
align-items: center;
background-color: var(--blue-50-a30);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
@@ -29,7 +29,7 @@ body {
gap: 0.5em;
padding: 0.5em 0.75em;
}
.whitelist-suggest > button {
.whitelist-banner > button {
--button-background: hsla(0, 0%, 50%, 0.3);
--button-background-hover: hsla(0, 0%, 30%, 0.3);
--button-background-active: hsla(0, 0%, 10%, 0.3);
@@ -37,17 +37,17 @@ body {
}
@media (prefers-color-scheme: dark) {
.whitelist-suggest {
.whitelist-banner {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.whitelist-suggest > button {
.whitelist-banner > button {
--button-background: hsla(0, 0%, 50%, 0.3);
--button-background-hover: hsla(0, 0%, 70%, 0.3);
--button-background-active: hsla(0, 0%, 90%, 0.3);
}
}
.media-select {
.media-type-select {
align-items: baseline;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
display: flex;
@@ -55,14 +55,14 @@ body {
padding: 0.75em 0;
}
.media-select__label-cast,
.media-select__label-to {
.media-type-select__label-cast,
.media-type-select__label-to {
display: inline-block;
}
.media-select__label-cast:not(:empty) {
.media-type-select__label-cast:not(:empty) {
margin-inline-end: 0.5em;
}
.media-select__label-to:not(:empty) {
.media-type-select__label-to:not(:empty) {
margin-inline-start: 0.5em;
}