Adapt CSS

ltb-project · Feb 16, 2024 · 2c4c6ce · 2c4c6ce
1 parent f4233c0
commit 2c4c6ce
Show file tree

Hide file tree

Showing 12 changed files with 33 additions and 42 deletions.
diff --git a/htdocs/css/self-service-password.css b/htdocs/css/self-service-password.css
@@ -15,11 +15,7 @@ a, a:hover {
   text-decoration: none;
 }
 
-.panel, .alert, .navbar-wrapper {
-  box-shadow:0 3px 6px rgba(0,0,0,.25);
-}
-
-.panel {
+.card {
   background-color:#fff;
   background-color:rgba(255,255,255,0.8);
 }
@@ -41,11 +37,6 @@ img.menu-logo {
   margin-bottom: 20px;
 }
 
-.input-group-addon label {
-  margin: 0;
-  font-weight: normal;
-}
-
 div#footer {
   position:fixed;
   bottom:0;

diff --git a/templates/change.tpl b/templates/change.tpl
@@ -1,16 +1,16 @@
 {if $prehook_return and $display_prehook_error and $prehook_return > 0}
-    <div class="result alert alert-warning">
+    <div class="result alert shadow alert-warning">
     <i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> {$prehook_output[0]}
     </div>
 {/if}
 {if $posthook_return and $display_posthook_error and $posthook_return > 0}
-    <div class="result alert alert-warning">
+    <div class="result alert shadow alert-warning">
     <i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> {$posthook_output[0]}
     </div>
 {/if}
 {if $result !== "passwordchanged"}
     {if $show_help }
-        <div class="result alert alert-warning">
+        <div class="result alert shadow alert-warning">
         <i class="fa fa-fw fa-exclamation-circle" aria-hidden="true"></i> {$msg_changehelp}
         {if $msg_changehelpextramessage}
            <br />{$msg_changehelpextramessage|unescape: "html" nofilter}
@@ -36,7 +36,7 @@
     {if $pwd_show_policy !== "never" and $pwd_show_policy_pos === 'above'}
         {include file="policy.tpl"}
     {/if}
-    <div class="alert alert-info">
+    <div class="alert shadow alert-info">
     <form action="#" method="post">
         <div class="row mb-3">
             <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>
@@ -90,7 +90,7 @@
     {include file="policy.tpl"}
 {/if}
 {elseif $msg_passwordchangedextramessage}
-    <div class="result alert alert-{$result_criticity}">
+    <div class="result alert shadow alert-{$result_criticity}">
     <i class="fa fa-fw {$result_fa_class}" aria-hidden="true"></i> {$msg_passwordchangedextramessage|unescape: "html" nofilter}
     </div>
 {/if}
diff --git a/templates/changesshkey.tpl b/templates/changesshkey.tpl
@@ -1,10 +1,10 @@
 {if $result !== 'sshkeychanged'}
     {if $show_help }
-        <div class="help alert alert-warning">
+        <div class="help alert shadow alert-warning">
         <i class="fa fa-fw fa-info-circle"></i> {$msg_changesshkeyhelp}
         </div>
     {/if}
-    <div class="alert alert-info">
+    <div class="alert shadow alert-info">
     <form action="#" method="post" class="form-horizontal">
         <div class="row mb-3">
             <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>

diff --git a/templates/index.tpl b/templates/index.tpl
@@ -1,10 +1,10 @@
 {include file="header.tpl"}
-<div class="card card-success">
+<div class="card card-success shadow">
     <div class="card-body">
         {if $show_menu }
             {include file="menu.tpl"}
         {else}
-        <div class="title alert alert-success text-center"><h1>{$msg_title}</h1></div>
+        <div class="title alert shadow alert-success text-center"><h1>{$msg_title}</h1></div>
         {/if}
         {if $logo }
         <a href="index.php">
@@ -13,13 +13,13 @@
         {/if}
         {if count($dependency_errors)}
         {foreach from=$dependency_errors key=result item=result_array}
-            <div class="result alert alert-{$result_array['criticity']}">
+            <div class="result alert shadow alert-{$result_array['criticity']}">
                 <i class="fa fa-fw {$result_array['fa_class']}" aria-hidden="true"></i> {$result_array['error']|unescape: "html" nofilter}
             </div>
         {/foreach}
         {else}
         {if $error != ""}
-            <div class="result alert alert-{$result_criticity}">
+            <div class="result alert shadow alert-{$result_criticity}">
                 <i class="fa fa-fw {$result_fa_class}" aria-hidden="true"></i> {$error|unescape: "html" nofilter}
                 {if $show_extended_error and $extended_error_msg}
                     ({$extended_error_msg})

diff --git a/templates/menu.tpl b/templates/menu.tpl
@@ -1,5 +1,5 @@
     <div class="container">
-        <div class="navbar navbar-expand-lg bg-body-tertiary" role="navigation">
+        <div class="navbar navbar-expand-lg bg-body-tertiary shadow" role="navigation">
           <div class="container-fluid">
             <a class="navbar-brand" href="index.php{if $default_action != 'change'}?action=change{/if}">
               {if $logo}

diff --git a/templates/policy.tpl b/templates/policy.tpl
@@ -1,6 +1,6 @@
 {if $pwd_show_policy === "onerror" and !$pwd_show_policy_onerror }
 {else}
-<div class="help alert alert-warning">
+<div class="help alert shadow alert-warning">
     {$msg_policy|unescape: "html" nofilter}
     <ul>
         {if $pwd_min_length } <li>{$msg_policyminlength|unescape: "html" nofilter} {$pwd_min_length}</li> {/if}

diff --git a/templates/resetbyquestions.tpl b/templates/resetbyquestions.tpl
@@ -1,16 +1,16 @@
 {if $prehook_return and $display_prehook_error and $prehook_return > 0}
-    <div class="result alert alert-warning">
+    <div class="result alert shadow alert-warning">
     <i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> {$prehook_output[0]}
     </div>
 {/if}
 {if $posthook_return and $display_posthook_error and $posthook_return > 0}
-    <div class="result alert alert-warning">
+    <div class="result alert shadow alert-warning">
     <i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> {$posthook_output[0]}
     </div>
 {/if}
 {if $result !== 'passwordchanged'}
     {if $show_help}
-    <div class="help alert alert-warning">
+    <div class="help alert shadow alert-warning">
     <i class="fa fa-fw fa-info-circle"></i> {$msg_resetbyquestionshelp|unescape: "html" nofilter}
     {if $question_populate_enable }
         <br /><i class="fa fa-fw fa-info-circle"></i> {$msg_questionspopulatehint}
@@ -20,7 +20,7 @@
     {if $pwd_show_policy !== "never" and $pwd_show_policy_pos === 'above'}
         {include file="policy.tpl"}
     {/if}
-    <div class="alert alert-info">
+    <div class="alert shadow alert-info">
     <form action="#" method="post" class="form-horizontal">
         <div class="row mb-3">
             <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>

diff --git a/templates/resetbytoken.tpl b/templates/resetbytoken.tpl
@@ -1,24 +1,24 @@
 {if $prehook_return and $display_prehook_error and $prehook_return > 0}
-    <div class="result alert alert-warning">
+    <div class="result alert shadow alert-warning">
     <i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> {$prehook_output[0]}
     </div>
 {/if}
 {if $posthook_return and $display_posthook_error and $posthook_return > 0}
-    <div class="result alert alert-warning">
+    <div class="result alert shadow alert-warning">
     <i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> {$posthook_output[0]}
     </div>
 {/if}
 {if $result !== "passwordchanged"}
     {if $show_help and $source !== "sms"}
-        <div class="help alert alert-warning"><i class="fa fa-fw fa-info-circle"></i> {$msg_resetbytokenhelp|unescape: "html" nofilter}</div>
+        <div class="help alert shadow alert-warning"><i class="fa fa-fw fa-info-circle"></i> {$msg_resetbytokenhelp|unescape: "html" nofilter}</div>
     {elseif show_help and $source === "sms"}
-        <div class="help alert alert-warning"><i class="fa fa-fw fa-info-circle"></i>{$msg_resetbysmshelp|unescape: "html" nofilter}</div>
+        <div class="help alert shadow alert-warning"><i class="fa fa-fw fa-info-circle"></i>{$msg_resetbysmshelp|unescape: "html" nofilter}</div>
     {/if}
     {if $result !== "tokenrequired" and $result !== "tokennotvalid"}
         {if $pwd_show_policy !== "never" and $pwd_show_policy_pos === 'above'}
             {include file="policy.tpl"}
         {/if}
-        <div class="alert alert-info">
+        <div class="alert shadow alert-info">
         <form action="#" method="post" class="form-horizontal">
             <input type="hidden" name="token" value="{$token}" />
             <div class="row mb-3">

diff --git a/templates/sendsms.tpl b/templates/sendsms.tpl
@@ -1,6 +1,6 @@
 {if error_sms and $error_sms == 'smscrypttokensrequired'}
 {elseif error_sms and $error_sms == 'smsuserfound'}
-    <div class="alert alert-info">
+    <div class="alert shadow alert-info">
     <form action="#" method="post" class="form-horizontal">
         <div class="row mb-3">
             <label class="col-sm-4 col-form-label text-end">{$msg_userfullname}</label>
@@ -31,7 +31,7 @@
     </form>
     </div>
 {elseif $error_sms and ($error_sms == 'smssent' or $error_sms == 'tokenattempts')}
-    <div class="alert alert-info">
+    <div class="alert shadow alert-info">
     <form action="#" method="post" class="form-horizontal">
         <div class="row mb-3">
             <label for="smstoken" class="col-sm-4 col-form-label text-end">{$msg_smstoken}</label>
@@ -54,15 +54,15 @@
     </div>
 {else}
     {if $show_help}
-    <div class="help alert alert-warning">
+    <div class="help alert shadow alert-warning">
         <i class="fa fa-fw fa-info-circle"></i> {$msg_sendsmshelp}
         {if $attribute_phone_update}
         <br /><i class="fa fa-fw fa-pencil-square-o"></i>
             {$msg_sendsmshelpupdatephone|unescape: "html" nofilter}
         {/if}
     </div>
     {/if}
-    <div class="alert alert-info">
+    <div class="alert shadow alert-info">
     <form action="#" method="post" class="form-horizontal">
         <div class="row mb-3">
             <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>

diff --git a/templates/sendtoken.tpl b/templates/sendtoken.tpl
@@ -1,6 +1,6 @@
 {if $result !== 'tokensent'}
 {if $show_help}
-    <div class="help alert alert-warning"><i class="fa fa-fw fa-info-circle"></i>
+    <div class="help alert shadow alert-warning"><i class="fa fa-fw fa-info-circle"></i>
         {if $mail_address_use_ldap}
             {$msg_sendtokenhelpnomail|unescape: "html" nofilter}
         {else}
@@ -12,7 +12,7 @@
         {/if}
     </div>
 {/if}
-<div class="alert alert-info">
+<div class="alert shadow alert-info">
 <form action="#" method="post" class="form-horizontal">
     <div class="row mb-3">
         <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>

diff --git a/templates/setattributes.tpl b/templates/setattributes.tpl
@@ -1,10 +1,10 @@
 {if $result !== "attributeschanged"}
 {if $show_help}
-    <div class="help alert alert-warning">
+    <div class="help alert shadow alert-warning">
     <i class="fa fa-fw fa-info-circle"></i> {$msg_setattributeshelp|unescape: "html" nofilter}
     </div>
 {/if}
-<div class="alert alert-info">
+<div class="alert shadow alert-info">
 <form action="#" method="post" class="form-horizontal">
     <div class="row mb-3">
         <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>

diff --git a/templates/setquestions.tpl b/templates/setquestions.tpl
@@ -1,9 +1,9 @@
 {if $show_help}
-    <div class="help alert alert-warning">
+    <div class="help alert shadow alert-warning">
     <i class="fa fa-fw fa-info-circle"></i> {$msg_setquestionshelp|unescape: "html" nofilter}
     </div>
 {/if}
-<div class="alert alert-info">
+<div class="alert shadow alert-info">
 <form action="#" method="post" class="form-horizontal">
     <div class="row mb-3">
         <label for="login" class="col-sm-4 col-form-label text-end">{$msg_login}</label>