Merge pull request #46 from kakeyang/bugfix/fix_admin_login_screen

fix css for admin login screen
kakeyang · Jul 11, 2018 · 19b7e1c · 19b7e1c
2 parents 39e314b + 5190539
commit 19b7e1c
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 25 deletions.
diff --git a/src/themes/irokoto-forts/elements/input.overrides b/src/themes/irokoto-forts/elements/input.overrides
@@ -238,3 +238,24 @@
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     }
 }
+
+
+.st-form-login-admin input[type="text"] {
+  height: 54px;
+  margin: 0 0 10px 0 !important;
+  background-image: url(../images/icn_id.png) !important;
+  background-repeat: no-repeat !important;
+  background-size: 14px 19px !important;
+  background-position: 14px 16px !important;
+  transition: .2s !important;
+}
+
+.st-form-login-admin input[type="password"] {
+  height: 54px;
+  margin-bottom: 0px !important;
+  background-image: url(../images/icn_pw.png) !important;
+  background-repeat: no-repeat !important;
+  background-size: 14px 19px !important;
+  background-position: 14px 16px !important;
+  transition: .2s !important;
+}
diff --git a/src/themes/irokoto-forts/globals/site.overrides b/src/themes/irokoto-forts/globals/site.overrides
@@ -126,38 +126,47 @@ body {
   margin-top: 30px !important;
 }
 
-.st-header_logo_anchor {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 15px;
-  font-size: 15px;
-  font-size: 1.5rem;
-}
+.st-header_logo {
+  .st-header_logo_anchor {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 15px;
+    font-size: 15px;
+    font-size: 1.5rem;
+  }
 
-.st-header_logo_anchor:focus {
-  border: none !important;
+  .st-header_logo_anchor:focus {
+    border: none !important;
+  }
+
+  .st-header_logo_company {
+    margin: 20px 0 0 0;
+    color: #616e7a;
+    font-size: 13px;
+    font-size: 13px;
+    font-size: 1.3rem;
+    letter-spacing: 0.05em;
+    font-weight: normal;
+  }
+
+  .st-header_text_anchor {
+    display: inline-block;
+    margin: 0 0 0 25px;
+    display: inline-block;
+    vertical-align: middle;
+    color: #616e7a;
+    font-size: 15px;
+    font-size: 15px;
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: 0.025em;
+  }
 }
 
 .st-header {
   padding: 28px 35px;
   width: 100%;
   background-color: #fff;
-  .st-header_logo {
-    margin: 0px 0 0 0;
-    font-size: 0;
-    float: left;
-    .st-header_logo_company {
-      margin: 0 0 0 25px;
-      display: inline-block;
-      vertical-align: middle;
-      color: #616e7a;
-      font-size: 15px;
-      font-size: 15px;
-      font-size: 1.5rem;
-      font-weight: 500;
-      letter-spacing: 0.025em;
-    }
-  }
 }
 
 .notice-form {
@@ -936,6 +945,18 @@ body {
   width: 550px !important;
 }
 
+.h47 {
+  height: 47px;
+}
+
+.m10 {
+  margin-bottom: 10px;
+}
+
+.h54 {
+  height: 54px;
+}
+
 .word-break {
   word-break: break-word;
 }