Release 0.6.3

AdminThemeBoss.info.json

@@ -2,7 +2,7 @@
 	"title": "Admin Theme Boss",
 	"summary": "A light and clear theme based on Uikit 3, extending AdminThemeUikit",
 	"href": "https://github.com/noelboss/AdminThemeBoss",
-	"version": "0.6.2",
+	"version": "0.6.3",
 	"author": "Noël Bossart",
 	"autoload": "template=admin",
 	"icon": "diamond",

CHANGELOG.md

@@ -1,6 +1,21 @@
 # Admin Theme Boss – Release Notes
 
-© 2019 noelboss.com
+For more information, check out the following links:
+
+* [Release Notifications](http://releases.noelboss.com/adminthemeboss/)
+* [Support Forum](https://processwire.com/talk/topic/19574-admin-theme-boss-–-based-on-uikit-3/)
+* [ProcessWire Modules Repository](http://modules.processwire.com/modules/admin-theme-uikit/)
+* [Gitlab](https://github.com/noelboss/AdminThemeBoss) & [Issues](https://github.com/noelboss/AdminThemeBoss/issues)
+
+
+
+## Version 0.6.3
+
+Codename »hehehe«
+
+* Improved: Login screen on mobile is now full screen
+* Fixed: Fixed Login screen design 🤯
+
 
 ## Version 0.6.2
 
@@ -158,3 +173,8 @@ Introducing, a refined, more colorfull and streamlined expirience:
 ## Version 0.1.0
 
 * Initial release
+
+
+---
+
+© 2019 noelboss.com

uikit/custom/theme/black-login.less

@@ -2,10 +2,41 @@
 
 	/* login page form */
 	body.ProcessLogin {
-		background: @theme-primary-color;
+		background: lighten(@theme-primary-color, 5%);
 
 		#pw-masthead-mobile .pw-logo {
 			filter: grayscale(100%) brightness(200%);
 		}
+
+		>#main {
+
+
+			#content {
+				form {
+					.Inputfield {
+
+						input {
+							color: darken(@theme-text-color-inverse, 10%);
+							border-color: lighten(@theme-primary-color, 25%);
+
+							&::placeholder {
+								color: darken(@theme-text-color-inverse, 15%);
+							}
+
+							&:hover,
+							&:focus {
+								color: darken(@theme-text-color-inverse, 5%);
+								border-color: lighten(@theme-primary-color, 30%);
+							}
+
+							&:focus {
+								color: @theme-text-color-inverse;
+								border-color: lighten(@theme-primary-color, 40%);
+							}
+						}
+					}
+				}
+			}
+		}
 	}
 }

uikit/custom/theme/components/forms.less

@@ -460,6 +460,18 @@
 
     }
 
+    // translations
+    .transFilter+ul {
+        .InputfieldHeader.InputfieldHeaderHidden {
+            display: block;
+            padding-bottom: 0.5em;
+            text-transform: none;
+
+            +.InputfieldContent {
+                padding-top: 0;
+            }
+        }
+    }
 
 }
 

uikit/custom/theme/components/layout.less

@@ -8,26 +8,33 @@
 @import "../variables.less";
 
 // header add transparency (for sticky)
-.pw #pw-mastheads>header {
-    backdrop-filter: blur(20px) drop-shadow(4px 4px 10px red);
+.pw {
 
-    background: rgba(255, 255, 255, 0.95);
-    box-shadow: 0 10px 20px rgba(255, 255, 255, 1);
-}
+    body {
+        min-width: 100vw;
+        min-height: 100vh;
+    }
+
+    #pw-mastheads>header {
+        backdrop-filter: blur(20px) drop-shadow(4px 4px 10px red);
 
+        background: rgba(255, 255, 255, 0.95);
+        box-shadow: 0 10px 20px rgba(255, 255, 255, 1);
+    }
 
-#pw-footer {
-    padding-top: 20px;
-    border-top: @pw-inputfield-border;
-    color: lighten(@theme-muted-text-color, 20%);
+    #pw-footer {
+        padding-top: 20px;
+        border-top: @pw-inputfield-border;
+        color: lighten(@theme-muted-text-color, 20%);
 
-    small,
-    a {
-        color: lighten(@theme-muted-text-color, 10%);
+        small,
+        a {
+            color: lighten(@theme-muted-text-color, 10%);
+        }
     }
-}
 
-// remove lister version
-.detail.version {
-    display: none;
+    // remove lister version
+    .detail.version {
+        display: none;
+    }
 }