Transmission/transmission
1
0
Fork 0
mirror of https://github.com/transmission/transmission.git synced 2025-12-20 02:18:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update color for priority buttons in web app (#7651)

Browse Source
This commit is contained in:
Rukario
2025-10-14 10:21:32 -07:00
committed by GitHub
parent 828e82420c
commit 3fdbeea2b6
1 changed files with 38 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
web/assets/css/transmission-app.scss
View File

@@ -1243,35 +1243,53 @@ a {
> * { > * {
appearance: none; appearance: none;
background-color: var(--color-border-starkest); background-color: var(--color-bg-tabs);
background-position: center; border: 1px solid var(--color-border-default);
background-repeat: no-repeat;
background-size: 10px, 20px;
border: 1px solid var(--color-border-stark);
border-radius: 0; border-radius: 0;
height: 20px; height: 20px;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 20px; width: 20px;
}
> .low { &.low {
background-image: var(--image-chevron-dn); &::after {
border-right-width: 0; mask-image: var(--image-chevron-dn);
} }
}
> .normal { &.normal {
background-image: var(--image-baseline); border-width: 1px 0;
} width: 19px;
> .high { &::after {
background-image: var(--image-chevron-up); mask-image: var(--image-baseline);
border-left-width: 0; }
} }
//if input is checked then change the background color &.high {
> .checked { &::after {
background-color: var(--color-bg-hover); mask-image: var(--image-chevron-up);
}
}
&.checked {
background-color: var(--color-bg-selected);
&::after {
background-color: var(--color-fg-selected);
}
}
&::after {
content: '';
background-color: var(--color-fg-primary);
display: inline-block;
height: 20px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 14px;
width: 18px;
}
} }
} }