sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-11 18:19:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add recommended option badge

Browse Source
This commit is contained in:
hensm
2020-06-27 19:37:01 +01:00
parent 4cee524620
commit 5cf92df3ba
3 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ext/src/_locales/en/messages.json
View File

@@ -374,6 +374,11 @@
, "description": "Mirroring app ID option description." , "description": "Mirroring app ID option description."
} }
, "optionsOptionRecommended": {
"message": "recommended"
, "description": "Badge next to option label indicating boolean option is recommended enabled."
}
, "optionsReset": { , "optionsReset": {
"message": "Restore Defaults" "message": "Restore Defaults"
, "description": "Restore default options button label." , "description": "Restore default options button label."

3
ext/src/ui/options/index.tsx
View File

@@ -380,6 +380,9 @@ class OptionsApp extends Component<{}, OptionsAppState> {
</div> </div>
<div className="option__label"> <div className="option__label">
{ _("optionsUserAgentWhitelistEnabled") } { _("optionsUserAgentWhitelistEnabled") }
<span className="option__recommended">
{ _("optionsOptionRecommended") }
</span>
</div> </div>
</label> </label>

9
ext/src/ui/options/styles/index.css
View File

@@ -294,6 +294,15 @@
display: inline-block; display: inline-block;
} }
.option__recommended {
background-color: var(--blue-60);
border-radius: 2px;
color: white;
font-size: smaller;
margin-inline-start: 5px;
padding: 0 5px;
}
.option__description { .option__description {
color: var(--secondary-color); color: var(--secondary-color);
font-size: smaller; font-size: smaller;