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

Show correct icon for compatible versions and improve styling

Browse Source
This commit is contained in:
hensm
2018-12-12 21:40:39 +00:00
parent 981b892a47
commit 307441444a
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,8 +51,8 @@
, "optionsBridgeCompatible": { , "optionsBridgeCompatible": {
"message": "COMPATIBLE" "message": "COMPATIBLE"
} }
, "optionsBridgeMaybeCompatible": { , "optionsBridgeLikelyCompatible": {
"message": "MAYBE COMPATIBLE" "message": "LIKELY COMPATIBLE"
} }
, "optionsBridgeIncompatible": { , "optionsBridgeIncompatible": {
"message": "INCOMPATIBLE" "message": "INCOMPATIBLE"

4
ext/src/options/index.jsx
View File

@@ -185,7 +185,7 @@ class App extends Component {
[ "assets/icons8-cancel-120.png" [ "assets/icons8-cancel-120.png"
, _("optionsBridgeNotFoundStatusText") ] , _("optionsBridgeNotFoundStatusText") ]
} else { } else {
if (bridgeInfo.isVersionExact) { if (bridgeInfo.isVersionCompatible) {
[ "assets/icons8-ok-120.png" [ "assets/icons8-ok-120.png"
, _("optionsBridgeFoundStatusText") ] , _("optionsBridgeFoundStatusText") ]
} else { } else {
@@ -228,7 +228,7 @@ class App extends Component {
if (bridgeInfo.isVersionExact) { if (bridgeInfo.isVersionExact) {
_("optionsBridgeCompatible") _("optionsBridgeCompatible")
} else { } else {
_("optionsBridgeMaybeCompatible") _("optionsBridgeLikelyCompatible")
} }
} else { } else {
_("optionsBridgeIncompatible") _("optionsBridgeIncompatible")

12
ext/src/options/styles/index.css
View File

@@ -52,6 +52,7 @@
.bridge__info { .bridge__info {
display: flex; display: flex;
padding-inline-start: 25px;
} }
.bridge__status { .bridge__status {
@@ -59,8 +60,15 @@
display: flex; display: flex;
flex-basis: min-content; flex-basis: min-content;
flex-direction: column; flex-direction: column;
margin-inline-end: 50px; margin-inline-end: 25px;
margin-inline-start: 25px; }
.bridge__info--not-found {
padding-inline-end: 25px;
}
.bridge__info--found .bridge__status {
border-inline-end: 1px solid var(--border-color);
padding-inline-end: 25px;
} }
.bridge__status-text { .bridge__status-text {