Fix options strip issues

2018-04-13 12:32:08 -07:00
parent dc15a4bc60
commit 43d86d9f61
5 changed files with 89 additions and 46 deletions
--- a/mobile/src/ui/OptionStrip.js
+++ b/mobile/src/ui/OptionStrip.js
@@ -61,8 +61,13 @@ export class OptionStrip extends Component {
            key={index}
            underlayColor="#3BB0FD"
            style={[
-              { flexGrow: 1, flexBasis: 0, height: 40 },
-              option === selectedOption && { backgroundColor: "#3BB0FD" },
+              {
+                flexGrow: 1,
+                flexBasis: 0,
+                height: 40,
+                backgroundColor:
+                  option === selectedOption ? "#3BB0FD" : "#EEEEEE",
+              },
              index === 0 && {
                borderTopLeftRadius: 6,
                borderBottomLeftRadius: 6,
@@ -78,9 +83,10 @@ export class OptionStrip extends Component {
                {
                  flex: 1,
                  justifyContent: "center",
-                  borderTopWidth: 1,
-                  borderBottomWidth: 1,
-                  borderLeftWidth: 1,
+                  // TODO: Setting specific border widths broken in RN 0.49.  Enable in RN 0.55 and above?
+                  // borderTopWidth: 1,
+                  // borderBottomWidth: 1,
+                  // borderLeftWidth: 1,
                  borderColor: "black",
                },
                index === 0 && {