From e2492b69d5c84e69005658ff7718953ff3049bfc Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Sun, 25 Sep 2022 21:00:08 -0500 Subject: [PATCH 1/6] updated the css to set button text color and SVG stroke color --- examples/switch/css/switch-button.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css index 68bac82021..47514a45eb 100644 --- a/examples/switch/css/switch-button.css +++ b/examples/switch/css/switch-button.css @@ -7,6 +7,7 @@ button[role="switch"] { width: 17em; text-align: left; background-color: white; + color: black; } button[role="switch"] .label { @@ -17,12 +18,14 @@ button[role="switch"] .label { margin: 0; width: 10em; vertical-align: middle; + color: black; } button[role="switch"] svg { forced-color-adjust: auto; position: relative; top: 4px; + stroke: black; } button[role="switch"] svg rect { From 4b970edadcac83ddd4f7e13bb99ddcbbf2cdf92c Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Sun, 25 Sep 2022 21:18:40 -0500 Subject: [PATCH 2/6] updated example --- examples/switch/css/switch-button.css | 4 ++-- examples/switch/switch-button.html | 3 +++ 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css index 47514a45eb..c3b9d95c5a 100644 --- a/examples/switch/css/switch-button.css +++ b/examples/switch/css/switch-button.css @@ -58,7 +58,7 @@ button[role="switch"][aria-checked="true"] svg rect.on { } button[role="switch"] span.off { - display: inline; + display: inline-block; } button[role="switch"] span.on { @@ -70,7 +70,7 @@ button[role="switch"][aria-checked="true"] span.off { } button[role="switch"][aria-checked="true"] span.on { - display: inline; + display: inline-block; } button[role="switch"]:focus, diff --git a/examples/switch/switch-button.html b/examples/switch/switch-button.html index ada2dab57f..b6edee9de2 100644 --- a/examples/switch/switch-button.html +++ b/examples/switch/switch-button.html @@ -68,8 +68,11 @@

Environmental Controls

+ + From 9dfba72532a18a244c08f083a7373182b3f2f243 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Sun, 25 Sep 2022 21:22:34 -0500 Subject: [PATCH 3/6] updated example --- examples/switch/css/switch-button.css | 2 ++ examples/switch/switch-button.html | 3 --- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css index c3b9d95c5a..e0faf4e3d5 100644 --- a/examples/switch/css/switch-button.css +++ b/examples/switch/css/switch-button.css @@ -22,6 +22,8 @@ button[role="switch"] .label { } button[role="switch"] svg { + display: inline-block; + width: 40px; forced-color-adjust: auto; position: relative; top: 4px; diff --git a/examples/switch/switch-button.html b/examples/switch/switch-button.html index b6edee9de2..ada2dab57f 100644 --- a/examples/switch/switch-button.html +++ b/examples/switch/switch-button.html @@ -68,11 +68,8 @@

Environmental Controls

- - From e6bb4cf5f2b2d59da5acabb28f85fc9771f47ba5 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Sun, 25 Sep 2022 21:25:22 -0500 Subject: [PATCH 4/6] updated example --- examples/switch/css/switch-button.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css index e0faf4e3d5..24f2c8c54d 100644 --- a/examples/switch/css/switch-button.css +++ b/examples/switch/css/switch-button.css @@ -23,7 +23,8 @@ button[role="switch"] .label { button[role="switch"] svg { display: inline-block; - width: 40px; + width: 36px; + height: 20px; forced-color-adjust: auto; position: relative; top: 4px; From 81839e49b670b6a96611d32699fcf7d07853db08 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Mon, 26 Sep 2022 20:50:57 -0500 Subject: [PATCH 5/6] changed button height --- examples/switch/css/switch-button.css | 1 + 1 file changed, 1 insertion(+) diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css index 24f2c8c54d..33efaa66ff 100644 --- a/examples/switch/css/switch-button.css +++ b/examples/switch/css/switch-button.css @@ -5,6 +5,7 @@ button[role="switch"] { border: 0 solid #005a9c; border-radius: 5px; width: 17em; + height: 3em; text-align: left; background-color: white; color: black; From 3f040d9e17ebafb1e11dc9bf7bd2f585c8b842f7 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Tue, 27 Sep 2022 12:06:12 -0500 Subject: [PATCH 6/6] removed specifying stroke color --- examples/switch/css/switch-button.css | 1 - 1 file changed, 1 deletion(-) diff --git a/examples/switch/css/switch-button.css b/examples/switch/css/switch-button.css index 33efaa66ff..0ae51f4da9 100644 --- a/examples/switch/css/switch-button.css +++ b/examples/switch/css/switch-button.css @@ -29,7 +29,6 @@ button[role="switch"] svg { forced-color-adjust: auto; position: relative; top: 4px; - stroke: black; } button[role="switch"] svg rect {