login grmbl

vijos · Jul 23, 2017 · 77c9ab3 · 77c9ab3
1 parent bced731
commit 77c9ab3
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/vj4/ui/components/form/checkbox.page.styl b/vj4/ui/components/form/checkbox.page.styl
@@ -69,3 +69,22 @@ $checkbox-size = 16px
     input
       margin: ((@line-height * @font-size - rem($checkbox-size)) / 2) 0
       margin-right: rem(5px)
+
+label.checkbox.inverse
+  color: rgba($immersive-text-color, 0.8)
+
+  input
+    color: $immersive-text-color
+    border-color: rgba($immersive-text-color, 0.4)
+
+    &:disabled, &:read-only
+      color: rgba($immersive-text-color, 0.6)
+
+    &:enabled:read-write:hover
+      border-color: rgba($immersive-text-color, 0.8)
+
+    &:enabled:read-write:focus
+      border-color: $immersive-primary-color
+
+  &.focus
+    color: $immersive-primary-color
diff --git a/vj4/ui/templates/user_login.html b/vj4/ui/templates/user_login.html
@@ -16,6 +16,11 @@ <h1>{{ _('Login') }}</h1>
           <input name="password" type="password">
         </label>
       </div></div>
+      <div class="row"><div class="columns">
+          <label class="inverse material checkbox">
+            <input type="checkbox" name="rememberme">{{ _('Remember me') }}
+          </label>
+        </div></div>
       <div class="row"><div class="columns">
         <div class="text-center">
           <input type="submit" value="{{ _('Login') }}" class="inverse rounded primary button">