From da2d0795351a55bbdff0076772ebb9a0711a6056 Mon Sep 17 00:00:00 2001 From: Dennis Dawson Date: Tue, 4 Feb 2025 10:17:22 -0800 Subject: [PATCH] Replace checkboxes with sliders --- .../account-configurator.css | 18 ++-- .../account-configurator.html | 101 ++++++++++++++---- .../account-configurator.zip | Bin 7172 -> 7453 bytes 3 files changed, 87 insertions(+), 32 deletions(-) diff --git a/_code-samples/account-configurator/account-configurator.css b/_code-samples/account-configurator/account-configurator.css index 5132fb3507..2c89953a50 100644 --- a/_code-samples/account-configurator/account-configurator.css +++ b/_code-samples/account-configurator/account-configurator.css @@ -35,8 +35,8 @@ td { .switch { position: relative; display: inline-block; - width: 60px; - height: 34px; + width: 30px; + height: 16px; } /* Hide default HTML checkbox */ @@ -62,10 +62,10 @@ td { .slider:before { position: absolute; content: ""; - height: 26px; - width: 26px; + height: 13px; + width: 13px; left: 4px; - bottom: 4px; + bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; @@ -80,14 +80,14 @@ input:focus+.slider { } input:checked+.slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); + -webkit-transform: translateX(13px); + -ms-transform: translateX(13px); + transform: translateX(13px); } /* Rounded sliders */ .slider.round { - border-radius: 34px; + border-radius: 17px; } .slider.round:before { diff --git a/_code-samples/account-configurator/account-configurator.html b/_code-samples/account-configurator/account-configurator.html index f6daf5bdee..74cac379f9 100644 --- a/_code-samples/account-configurator/account-configurator.html +++ b/_code-samples/account-configurator/account-configurator.html @@ -89,13 +89,10 @@    -    - - - + -   + @@ -211,8 +208,11 @@ defaultRipple - -
+ + @@ -221,8 +221,11 @@ allowTrustLineClawback - -
+ + @@ -231,8 +234,11 @@ depositAuth - -
+ + @@ -241,8 +247,11 @@ disableMasterKey - - + + @@ -251,7 +260,12 @@ disallowIncomingCheck - + + + @@ -259,7 +273,12 @@ disallowIncomingNFTokenOffer - + + + @@ -267,7 +286,12 @@ disallowIncomingPayChan - + + + @@ -275,7 +299,12 @@ disallowIncomingTrustline - + + + @@ -284,7 +313,12 @@ disallowIncomingXRP - + + + @@ -292,7 +326,12 @@ globalFreeze - + + + @@ -300,7 +339,12 @@ noFreeze - + + + @@ -308,14 +352,25 @@ requireAuthorization - + + + requireDestinationTag - - + + + + +   diff --git a/_code-samples/account-configurator/account-configurator.zip b/_code-samples/account-configurator/account-configurator.zip index 9f8ee11511fc32f02a7fd1f43dd72796924fcba3..f971f671946ae22b9d4e5fd9b9f116c25d82f843 100644 GIT binary patch delta 3886 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 delta 3578 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