more options to card actions so menu doesn't overflow and use mdl-but…

…ton--raised
silinternational · Feb 5, 2025 · f8d83df · f8d83df
1 parent fe3d75c
commit f8d83df
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 10 deletions.
diff --git a/modules/material/themes/material/default/other_mfas.twig b/modules/material/themes/material/default/other_mfas.twig
@@ -11,7 +11,7 @@
 {% if other_options|length > 0 %}
   <div layout-children="column" child-spacing="center">
     {# used type=button to avoid form submission on click since this is just used to display the ul #}
-    <button id="others" type="button" class="mdl-button mdl-js-button">
+    <button id="others" type="button" class="mdl-button mdl-js-button mdl-button--raised">
       <span class="mdl-typography--caption">
         {{ '{mfa:use_others}'|trans }}
       </span>

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-backupcode.twig b/modules/material/themes/material/mfa/prompt-for-mfa-backupcode.twig
@@ -66,13 +66,14 @@
         {% endif %}
 
         <div class="mdl-card__actions" layout-children="row">
+          {{ include('other_mfas.twig') }}
+
           <span flex></span>
+
           <button name="submitMfa" class="mdl-button mdl-button--raised mdl-button--primary">
             {{ '{mfa:button_verify}'|trans }}
           </button>
         </div>
-
-        {{ include('other_mfas.twig') }}
       </div>
 
       <div>

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-manager.twig b/modules/material/themes/material/mfa/prompt-for-mfa-manager.twig
@@ -66,13 +66,14 @@
         {% endif %}
 
         <div class="mdl-card__actions" layout-children="row">
+          {{ include('other_mfas.twig') }}
+
           <span flex></span>
+
           <button name="submitMfa" type="submit" class="mdl-button mdl-button--raised mdl-button--primary">
             {{ '{mfa:button_verify}'|trans }}
           </button>
         </div>
-
-        {{ include('other_mfas.twig') }}
       </div>
 
       <div>

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-totp.twig b/modules/material/themes/material/mfa/prompt-for-mfa-totp.twig
@@ -64,13 +64,14 @@
         {% endif %}
 
         <div class="mdl-card__actions" layout-children="row">
+          {{ include('other_mfas.twig') }}
+
           <span flex></span>
+
           <button name="submitMfa" type="submit" class="mdl-button mdl-button--raised mdl-button--primary">
             {{ '{mfa:button_verify}'|trans }}
           </button>
         </div>
-
-        {{ include('other_mfas.twig') }}
       </div>
 
       <div>

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-webauthn.twig b/modules/material/themes/material/mfa/prompt-for-mfa-webauthn.twig
@@ -123,19 +123,20 @@
         </div>
 
         <div class="mdl-card__actions" layout-children="row">
+          {{ include('other_mfas.twig') }}
+
           <span flex></span>
+
           <!-- used type=button to avoid form submission on click -->
           <button
             id="verifyBtn"
             type="button"
-            class="mdl-button {{ error_message is empty ? 'mdl-color-text--primary' : 'mdl-color-text--red' }}"
+            class="mdl-button mdl-button--raised {{ error_message is empty ? 'mdl-color-text--primary' : 'mdl-color-text--red' }}"
           >
             {{ error_message is empty ? 'ok' : '{mfa:button_try_again}'|trans }}
           </button>
-
         </div>
 
-        {{ include('other_mfas.twig') }}
       </div>
 
       <div>