#3185 Fix for login forms

gantry · Oct 18, 2023 · b683142 · b683142
1 parent 2b731f3
commit b683142
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,9 +4,11 @@
     1. [](#bugfix)
         - Added Webp file extension to lightcase (#3159)
         - Spanish translation of Gantry 5 administration common platforms (#3120)
+        - PHP 8.x compatibility fixes
 2. [Joomla](#joomla)
     1. [](#bugfix)
         - Update target platforms to match Joomla 4.3 and up (#3170)
+        - Login forms css styling bugfixes (#3185)
 
 # 5.5.16
 ## 03/31/2023

diff --git a/themes/helium/joomla/scss/helium-joomla/components/_users.scss b/themes/helium/joomla/scss/helium-joomla/components/_users.scss
@@ -13,7 +13,6 @@
 
     .btn {
         @extend %g-button;
-        margin-right: 10px;
     }
 
     .controls {

diff --git a/themes/helium/joomla/scss/helium-joomla/styles/_core.scss b/themes/helium/joomla/scss/helium-joomla/styles/_core.scss
@@ -16,7 +16,9 @@
     text-shadow: none;
     transition: all 0.2s;
 
-    &:hover, &:active, &:focus {
+    &:hover,
+    &:active,
+    &:focus {
         background: darken($accent-color-1, 10%);
         color: $white;
     }
@@ -44,6 +46,24 @@
     }
 }
 
+// Login fixes
+.login {
+    .plg_system_webauthn_login_button {
+        padding-top: 0.9rem;
+        min-height: 60px;
+
+        svg {
+            vertical-align: middle;
+        }
+    }
+
+    .input-password-toggle {
+        padding: 0.375rem 0.75rem;
+        margin: 0;
+        border-radius: 6px;
+    }
+}
+
 .btn-mini {
     margin: 0.5rem 0;
 }
@@ -62,21 +82,26 @@
     text-shadow: none;
     transition: all 0.2s;
 
-    &:hover, &:active, &:focus {
+    &:hover,
+    &:active,
+    &:focus {
         background: darken($accent-color-1, 10%);
         color: $white;
     }
 }
 
-.btn-group > .btn.dropdown-toggle {
+.btn-group>.btn.dropdown-toggle {
     background: darken($base-background, 12%);
 }
 
 .btn-group.open .btn-primary.dropdown-toggle {
     background: $accent-color-2;
 }
 
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus,
+.dropdown-submenu:hover>a,
+.dropdown-submenu:focus>a {
     background-image: none;
     background: $accent-color-2;
 }
@@ -98,29 +123,36 @@ table.table-bordered {
     }
 }
 
-.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
+.table-striped tbody tr:nth-child(2n+1) td,
+.table-striped tbody tr:nth-child(2n+1) th {
     background: #eceff3;
 }
 
 .table-hover tbody tr:hover {
-    > td, > th {
+
+    >td,
+    >th {
         background: darken(#eceff3, 3%);
     }
 }
 
-.table, .table-bordered {
+.table,
+.table-bordered {
     border-color: $base-border-color $base-border-color $base-border-color transparent;
 
-    th, td {
+    th,
+    td {
         border-left-color: $base-border-color;
     }
 }
 
 // Edit Page
 .edit.item-page {
+
     .inputbox,
     .chzn-choices {
-        border-radius: 6px;;
+        border-radius: 6px;
+        ;
     }
 
     .input-append {
@@ -197,4 +229,4 @@ table.table-bordered {
             }
         }
     }
-}
+}