sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-12 10:39:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add widget styles for options/popup dark theme

Browse Source
This commit is contained in:
hensm
2020-02-17 00:57:04 +00:00
parent ae82679a8f
commit 1323682a67
6 changed files with 135 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
ext/src/ui/popup/index.tsx
View File

@@ -139,36 +139,38 @@ class PopupApp extends Component<{}, PopupAppState> {
<div className="media-select__label-cast">
{ _("popupMediaSelectCastLabel") }
</div>
<select value={ this.state.mediaType }
onChange={ this.onSelectChange }
className="media-select__dropdown">
<option value={ ReceiverSelectorMediaType.App }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.App) }>
{ (this.state.requestedAppId && knownApps[this.state.requestedAppId]?.name)
?? _("popupMediaTypeApp") }
</option>
<option value={ ReceiverSelectorMediaType.Tab }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.Tab) }>
{ _("popupMediaTypeTab") }
</option>
<option value={ ReceiverSelectorMediaType.Screen }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.Screen) }>
{ _("popupMediaTypeScreen") }
</option>
<option disabled>
─────
</option>
<option value={ ReceiverSelectorMediaType.File }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.File) }>
{ this.state.filePath
? truncatedFileName!
: _("popupMediaTypeFile") }
</option>
</select>
<div className="select-wrapper">
<select value={ this.state.mediaType }
onChange={ this.onSelectChange }
className="media-select__dropdown">
<option value={ ReceiverSelectorMediaType.App }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.App) }>
{ (this.state.requestedAppId && knownApps[this.state.requestedAppId]?.name)
?? _("popupMediaTypeApp") }
</option>
<option value={ ReceiverSelectorMediaType.Tab }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.Tab) }>
{ _("popupMediaTypeTab") }
</option>
<option value={ ReceiverSelectorMediaType.Screen }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.Screen) }>
{ _("popupMediaTypeScreen") }
</option>
<option disabled>
─────
</option>
<option value={ ReceiverSelectorMediaType.File }
disabled={ !(this.state.availableMediaTypes
& ReceiverSelectorMediaType.File) }>
{ this.state.filePath
? truncatedFileName!
: _("popupMediaTypeFile") }
</option>
</select>
</div>
<div className="media-select__label-to">
{ _("popupMediaSelectToLabel") }
</div>