This is an automated email from the ASF dual-hosted git repository.

ilgrosso pushed a commit to branch 4_1_X
in repository https://gitbox.apache.org/repos/asf/syncope.git


The following commit(s) were added to refs/heads/4_1_X by this push:
     new 9404b91162 Improve LoginPage colors and spaces (#1508)
9404b91162 is described below

commit 9404b91162a8a3e0bd7f1b953c5902dff9ab7599
Author: Matteo Tatoni <[email protected]>
AuthorDate: Thu Aug 27 11:07:26 2026 +0200

    Improve LoginPage colors and spaces (#1508)
---
 .../META-INF/resources/ui-commons/css/_theme.scss      |  4 ++--
 .../META-INF/resources/ui-commons/css/login.scss       | 18 ++++++++++++++----
 .../org/apache/syncope/client/console/pages/Login.html |  2 +-
 .../org/apache/syncope/client/enduser/pages/Login.html |  2 +-
 4 files changed, 18 insertions(+), 8 deletions(-)

diff --git 
a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss
 
b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss
index 91bdebe4c5..f1eb5515ab 100644
--- 
a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss
+++ 
b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/_theme.scss
@@ -115,7 +115,7 @@
   /*
    * Semantic states
    */
-  --app-success: var(--app-cyan-500);
+  --app-success: var(--app-green-500);
   --app-success-contrast: var(--color-white);
 
   --app-danger: var(--app-red-500);
@@ -288,7 +288,7 @@
    * --------------------------------------------------------------------------
    */
 
-  --app-success: #29b8d3;
+  --app-success: var(--app-green-500);
   --app-success-contrast: var(--color-white);
 
   --app-danger: #ed5864;
diff --git 
a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss
 
b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss
index 1a96594074..3105424eab 100644
--- 
a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss
+++ 
b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/login.scss
@@ -20,10 +20,11 @@
 @import 'theme';
 @import 'utils';
 
+html {
+  height: 100% !important;
+}
 
 body, html {
-  height: 100% !important;
-  background-color: var(--app-bg);
   background-repeat: no-repeat;
   font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,'Segoe 
UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI 
Emoji','Segoe UI Symbol'!important;
 }
@@ -33,6 +34,16 @@ body, html {
   padding: 40px;
 }
 
+fieldset{
+  border: none !important;
+  padding: 1rem 0 0 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.input-group > button[type="button"] {
+    min-width: 50px
+}
+
 /*
  * Card component
  */
@@ -41,8 +52,7 @@ body, html {
   /* just in case there no content*/
   color: var(--app-text);
   padding: 20px 25px 30px;
-  margin: 0 auto 25px;
-  margin-top: 50px;
+  margin: 50px auto 25px;
   /* shadows and rounded borders */
   @include border_radius(2px);
   @include shadow(0 2px 2px var(--app-shadow));
diff --git 
a/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
 
b/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
index a440feddfe..68e6a91e4f 100644
--- 
a/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
+++ 
b/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
@@ -68,7 +68,7 @@ under the License.
             <div class="input-group d-flex">
               <input type="password" class="form-control w-75" 
wicket:id="password"
                      wicket:message="placeholder:password" 
required="required"/>
-              <button type="button" class="btn btn-warning btn-flat 
input-group-text w-25 m-0 h-100" onclick="
+              <button type="button" class="btn btn-warning btn-flat 
input-group-text w-auto m-0 h-100" onclick="
                 var input = $(this).prevAll('input');
                 var type = input.attr('type');
                 var children = $(this).children();
diff --git 
a/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
 
b/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
index a025bde450..712a2c1705 100644
--- 
a/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
+++ 
b/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
@@ -67,7 +67,7 @@ under the License.
             <div class="input-group d-flex">
               <input type="password" class="form-control w-75" 
wicket:id="password"
                      wicket:message="placeholder:password" 
required="required"/>
-              <button type="button" class="btn btn-warning btn-flat 
input-group-text w-25 m-0 h-100" onclick="
+              <button type="button" class="btn btn-warning btn-flat 
input-group-text w-auto m-0 h-100" onclick="
                 var input = $(this).prevAll('input');
                 var type = input.attr('type');
                 var children = $(this).children();

Reply via email to