This is an automated email from the git hooks/post-receive script.
meskio pushed a commit to branch main in repository bridgedb.
commit 5e84b212cb01c3899df466293453e54607ad4229 Author: kez kez@torproject.org AuthorDate: Thu May 26 15:42:51 2022 -0700
Style captcha properly --- frontend/assets/scss/_bridges.scss | 16 ++++++++++++++++ frontend/templates/hero-captcha.html | 26 ++++++++++++++------------ 2 files changed, 30 insertions(+), 12 deletions(-)
diff --git a/frontend/assets/scss/_bridges.scss b/frontend/assets/scss/_bridges.scss index 86176c0..395a309 100644 --- a/frontend/assets/scss/_bridges.scss +++ b/frontend/assets/scss/_bridges.scss @@ -33,3 +33,19 @@ .btn-purple:hover { background-color: $purple-dark !important; } + +#bridgedb-captcha-container { + width: max-content; + margin: 0 auto; +} + +#bridgedb-captcha-input { + flex-grow: 1; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#bridgedb-captcha-submit { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} diff --git a/frontend/templates/hero-captcha.html b/frontend/templates/hero-captcha.html index cc88b79..9658e32 100644 --- a/frontend/templates/hero-captcha.html +++ b/frontend/templates/hero-captcha.html @@ -1,16 +1,18 @@ -<div id="bridgedb-captcha-container"> +<div> + <div id="bridgedb-captcha-container"> <div id="bridgedb-captcha" class="pb-3"> - {% if envvars('ENV') == 'dev' %} - <img src="{{ '/static/images/placeholder_captcha.jpg' | asseturl }}"> - {% elif envvars('ENV') == 'prod' %} - {% raw %}<img alt="${_(strings.CAPTCHA[0])}" src="${imgstr}">{% endraw %} - {% else %} - {# if you got here, it means you didn't set the LEKTOR_ENV variable to a correct value. set it to prod/dev and try again #} - {{ 0/0 }} - {% endif %} + {% if envvars('ENV') == 'dev' %} + <img src="{{ '/static/images/placeholder_captcha.jpg' | asseturl }}"> + {% elif envvars('ENV') == 'prod' %} + {% raw %}<img alt="${_(strings.CAPTCHA[0])}" src="${imgstr}">{% endraw %} + {% else %} + {# if you got here, it means you didn't set the LEKTOR_ENV variable to a correct value. set it to prod/dev and try again #} + {{ 0/0 }} + {% endif %} </div> - <form action="" method="POST"> - <input type="text" id="bridgedb-captcha-input" class="form-control" placeholder="Enter the characters from the image above..."> - <button type="submit" class="btn btn-primary" id="bridgedb-captcha-submit"><span class="fa fa-level-down fa-rotate-90"></span></button> + <form action="" method="POST" class="d-flex"> + <input type="text" id="bridgedb-captcha-input" class="form-control" placeholder="Enter the characters from the image above..."> + <button type="submit" class="btn btn-primary" id="bridgedb-captcha-submit"><span class="fa fa-level-down fa-rotate-90"></span></button> </form> + </div> </div>