[REF] auth_oauth: Login screen adjustments
Dinamically adjust margins and form size according to auth methods available. The vertical margin on the "- or -" text it's needed to provide visual separation between default and auth logins, but it shuldn't be huge in case of just 1 or 2 methods. This commit closes #27059
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
|
||||
<template id="providers" name="OAuth Providers">
|
||||
<t t-if="len(providers) > 0">
|
||||
<em class="d-block text-center text-muted small my-3">- or -</em>
|
||||
<em t-attf-class="d-block text-center text-muted small my-#{len(providers) if len(providers) < 3 else 3}">- or -</em>
|
||||
<div class="o_auth_oauth_providers list-group mt-1 mb-1 text-left">
|
||||
<a t-foreach="providers" t-as="p" class="list-group-item list-group-item-action py-2" t-att-href="p['auth_link']">
|
||||
<i t-att-class="p['css_class']"/>
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<template id="login" inherit_id="web.login" name="OAuth Login buttons">
|
||||
<xpath expr="//form" position="before">
|
||||
<t t-set="form_small" t-value="True"/>
|
||||
<t t-set="form_small" t-value="True" t-if="len(providers) > 2"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_login_auth')]" position="inside">
|
||||
<t t-call="auth_oauth.providers"/>
|
||||
@@ -37,9 +37,6 @@
|
||||
</template>
|
||||
|
||||
<template id="reset_password" inherit_id="auth_signup.reset_password" name="OAuth Reset Password buttons">
|
||||
<xpath expr="//form" position="before">
|
||||
<t t-set="form_small" t-value="True"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_login_auth')]" position="inside">
|
||||
<t t-call="auth_oauth.providers"/>
|
||||
</xpath>
|
||||
|
||||
Reference in New Issue
Block a user