From 7a4bd068110ac7466c1b5ef2a298e812e9b0882c Mon Sep 17 00:00:00 2001 From: arzola Date: Tue, 26 Apr 2022 16:19:46 -0400 Subject: [PATCH] feat: styles improvements and remember me option --- assets/scripts/custom-signup.js | 11 + assets/styles/layouts/_page-register.scss | 129 +- dist/mix-manifest.json | 36 +- dist/scripts/aldine.js | 397 ++- dist/scripts/call-to-action.js | 33 +- dist/scripts/catalog-admin.js | 68 +- dist/scripts/custom-signup.js | 110 +- dist/scripts/customizer-toggle.js | 33 +- dist/scripts/customizer.js | 33 +- dist/scripts/page-section.js | 33 +- dist/styles/aldine.css | 2959 ++++++++++++++++++++- dist/styles/editor.css | 385 ++- inc/actions/namespace.php | 28 +- page-auth.php | 30 +- 14 files changed, 4190 insertions(+), 95 deletions(-) diff --git a/assets/scripts/custom-signup.js b/assets/scripts/custom-signup.js index 258f385..40d750e 100644 --- a/assets/scripts/custom-signup.js +++ b/assets/scripts/custom-signup.js @@ -10,4 +10,15 @@ document.addEventListener( 'DOMContentLoaded', function () { }; new Typed( '#typed', options ); + + const hideButton = document.querySelector( '.button-toggle' ); + + hideButton.addEventListener('click', function() { + const password = document.querySelector( '.password' ); + password.setAttribute('type', password.getAttribute('type') === 'password' ? 'text' : 'password'); + const eye = document.querySelector( '.open' ); + const closed = document.querySelector( '.closed' ); + eye.classList.toggle( 'hide' ); + closed.classList.toggle( 'hide' ); + }); } ); diff --git a/assets/styles/layouts/_page-register.scss b/assets/styles/layouts/_page-register.scss index 28a2718..3e2e1a8 100644 --- a/assets/styles/layouts/_page-register.scss +++ b/assets/styles/layouts/_page-register.scss @@ -124,70 +124,91 @@ $body-font: 'Spectral', serif; } .form { - width: 100%; margin: 2rem 0 1rem; &--input-wrapper { position: relative; - } - - input[type="email"], input[type="text"], input[type="password"] { - background: white; - border: solid 1px $dark-blue; - padding: 5px; - width: 100%; - max-width: 525px; - font-weight: 400; - height: 45px; - } - label { - position: absolute; - top: 12px; - left: 10px; - color: #666; - transition: .3s; - z-index: 0; - font-size: $small-font-size; - } - - input:not(:placeholder-shown) + label { - top: -10px; - left: 5px; - z-index: 999; - padding: 0 5px; - background: white; - color: #666; - } - - input:focus + label { - top: -11px; - left: 5px; - z-index: 999; - padding: 0 5px; - background: white; - color: $dark-blue; - } - - ::placeholder { - color: transparent; - } - - input:focus { - border: 2px solid $dark-blue; - } + input[type="email"], input[type="text"], input[type="password"] { + background: white; + border: solid 1px $dark-blue; + padding: 5px; + width: 100%; + max-width: 525px; + font-weight: 400; + height: 45px; + } + + label { + position: absolute; + top: 12px; + left: 10px; + color: #666; + transition: .3s; + z-index: 0; + font-size: $small-font-size; + } + + input:not(:placeholder-shown) + label { + top: -10px; + left: 5px; + z-index: 999; + padding: 0 5px; + background: white; + color: #666; + } + + input:focus + label { + top: -11px; + left: 5px; + z-index: 999; + padding: 0 5px; + background: white; + color: $dark-blue; + } + + ::placeholder { + color: transparent; + } + + input:focus { + border: 2px solid $dark-blue; + } + + button { + font-size: $medium-font-size; + text-transform: none; + padding: .5rem 1.5rem; + margin-bottom: .5rem; + border-radius: .5rem; + cursor: pointer; + } + + .button-toggle { + position: absolute; + top: 0.5rem; + right: 0.3rem; + display: block; + cursor: pointer; + svg { + width: 2rem; + height: 2rem; + } + .hide { + display: none; + } + } - button { - font-size: $medium-font-size; - text-transform: none; - padding: .5rem 1.5rem; - margin-bottom: .5rem; - border-radius: .5rem; - cursor: pointer; } &--input-description { + padding-top: 0.2rem; font-size: $tiny-font-size; + &.error { + padding: 0.5rem 0; + font-size: $small-font-size; + color: $pb-red; + } } } } diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 0b802ea..fb78db0 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,20 +1,20 @@ { - "/scripts/aldine.js": "/scripts/aldine.js?id=70343c46d6d5d2b5375d", - "/scripts/call-to-action.js": "/scripts/call-to-action.js?id=33370b66c7af12320fc0", - "/scripts/catalog-admin.js": "/scripts/catalog-admin.js?id=e8d84fb090536b8e49e9", - "/scripts/customizer.js": "/scripts/customizer.js?id=14dca3944228dd789c27", - "/scripts/customizer-toggle.js": "/scripts/customizer-toggle.js?id=c31594589675d7c5662a", - "/scripts/page-section.js": "/scripts/page-section.js?id=19d5c30146ea1a763bcf", - "/scripts/custom-signup.js": "/scripts/custom-signup.js?id=c6931b08830a5b527b50", - "/styles/aldine.css": "/styles/aldine.css?id=bf68e4050eea9a8da4f5", - "/styles/editor.css": "/styles/editor.css?id=b7c2449babe566571767", - "/fonts/pressbooks-theme.woff": "/fonts/pressbooks-theme.woff?id=2a7aae81673f4707bbe7", - "/images/banner.jpg": "/images/banner.jpg?id=04a813e0b4f94ddfef19", - "/images/catalog-header.jpg": "/images/catalog-header.jpg?id=223b9f7a23985f2a72df", - "/images/header.jpg": "/images/header.jpg?id=c6712212b6aa749cf1cf", - "/images/left-arrow.svg": "/images/left-arrow.svg?id=91d479e2d001857a3ee4", - "/images/logo.svg": "/images/logo.svg?id=d71cb98d33ef823ffd27", - "/images/pb.svg": "/images/pb.svg?id=c08fb158c15a470648a7", - "/images/right-arrow.svg": "/images/right-arrow.svg?id=ee2d7230318ea54ae20b", - "/images/yt_icon_mono_dark.png": "/images/yt_icon_mono_dark.png?id=ee68b73409979a929440" + "/scripts/aldine.js": "/scripts/aldine.js", + "/scripts/call-to-action.js": "/scripts/call-to-action.js", + "/scripts/catalog-admin.js": "/scripts/catalog-admin.js", + "/scripts/customizer.js": "/scripts/customizer.js", + "/scripts/customizer-toggle.js": "/scripts/customizer-toggle.js", + "/scripts/page-section.js": "/scripts/page-section.js", + "/scripts/custom-signup.js": "/scripts/custom-signup.js", + "/styles/aldine.css": "/styles/aldine.css", + "/styles/editor.css": "/styles/editor.css", + "/fonts/pressbooks-theme.woff": "/fonts/pressbooks-theme.woff", + "/images/banner.jpg": "/images/banner.jpg", + "/images/catalog-header.jpg": "/images/catalog-header.jpg", + "/images/header.jpg": "/images/header.jpg", + "/images/left-arrow.svg": "/images/left-arrow.svg", + "/images/logo.svg": "/images/logo.svg", + "/images/pb.svg": "/images/pb.svg", + "/images/right-arrow.svg": "/images/right-arrow.svg", + "/images/yt_icon_mono_dark.png": "/images/yt_icon_mono_dark.png" } diff --git a/dist/scripts/aldine.js b/dist/scripts/aldine.js index 989128a..85cadad 100644 --- a/dist/scripts/aldine.js +++ b/dist/scripts/aldine.js @@ -1,2 +1,395 @@ -/*! For license information please see aldine.js.LICENSE.txt */ -!function(){var t,e={612:function(t,e,n){"use strict";var i=n(755),r=n(391),o=n(831),s={init:function(){var t;t=document.querySelectorAll("fieldset h2"),Array.prototype.forEach.call(t,(function(t){t.innerHTML='\n\t\t\t\t\n\t\t\t ');var e=function(t){for(var e=[];t.nextElementSibling&&"H2"!==t.nextElementSibling.tagName;)e.push(t.nextElementSibling),t=t.nextElementSibling;return e.forEach((function(t){t.parentNode.removeChild(t)})),e}(t),n=document.createElement("div");n.hidden=!0,e.forEach((function(t){n.appendChild(t)})),t.parentNode.insertBefore(n,t.nextElementSibling);var i=t.querySelector("button");i.onclick=function(){var t="true"===i.getAttribute("aria-expanded")||!1;i.setAttribute("aria-expanded",!t),n.hidden=t}})),function(){var t=document.querySelectorAll("fieldset h3");Array.prototype.forEach.call(t,(function(t){t.innerHTML='\n\t\t\t\t\n\t\t\t ');var e=function(t){for(var e=[];t.nextElementSibling&&"H3"!==t.nextElementSibling.tagName;)e.push(t.nextElementSibling),t=t.nextElementSibling;return e.forEach((function(t){t.parentNode.removeChild(t)})),e}(t),n=document.createElement("div");n.hidden=!0,e.forEach((function(t){n.appendChild(t)})),t.parentNode.insertBefore(n,t.nextElementSibling);var i=t.querySelector("button");i.onclick=function(){var t="true"===i.getAttribute("aria-expanded")||!1;i.setAttribute("aria-expanded",!t),n.hidden=t}}))}(),i((function(t){o("isotope",r,t);var e=t(".books");e.isotope({itemSelector:".book",getSortData:{title:".book__title a",subject:"[data-subject]",latest:"[data-date-published]"},sortAscending:{title:!0,subject:!1,latest:!1}});var n=document.querySelector(".license-filters"),i=document.querySelector(".subject-filters"),s=document.querySelector(".institution-filters"),a=document.querySelector(".sorts"),u=document.querySelector(".clear-filters");u.hidden=!1,n.addEventListener("click",(function(t){if("radio"===t.target.type){var n=i.querySelector('input[type="radio"]:checked').value?'[data-subject="'.concat(i.querySelector('input[type="radio"]:checked').value,'"]'):"",r=s.querySelector('input[type="radio"]:checked').value?'[data-institution*="'.concat(s.querySelector('input[type="radio"]:checked').value,'"]'):"",o=t.target.value?'[data-license="'.concat(t.target.value,'"]'):"",a=n||o||r?"".concat(n).concat(o).concat(r):"*";e.isotope({filter:a})}})),s.addEventListener("click",(function(t){if("radio"===t.target.type){var r=i.querySelector('input[type="radio"]:checked').value?'[data-subject="'.concat(i.querySelector('input[type="radio"]:checked').value,'"]'):"",o=n.querySelector('input[type="radio"]:checked').value?'[data-license="'.concat(n.querySelector('input[type="radio"]:checked').value,'"]'):"",s=t.target.value?'[data-institution*="'.concat(t.target.value,'"]'):"",a=r||o||s?"".concat(r).concat(o).concat(s):"*";e.isotope({filter:a})}})),i.addEventListener("click",(function(t){if("radio"===t.target.type){var i=n.querySelector('input[type="radio"]:checked').value?'[data-license="'.concat(n.querySelector('input[type="radio"]:checked').value,'"]'):"",r=s.querySelector('input[type="radio"]:checked').value?'[data-institution*="'.concat(s.querySelector('input[type="radio"]:checked').value,'"]'):"",o=t.target.value?'[data-subject="'.concat(t.target.value,'"]'):"",a=o||i||r?"".concat(o).concat(i).concat(r):"*";e.isotope({filter:a})}})),u.addEventListener("click",(function(){var t=document.getElementById("all-licenses"),n=document.getElementById("all-subjects"),i=document.getElementById("all-institutions");t.checked=!0,n.checked=!0,i.checked=!0,e.isotope({filter:"*"})})),a.addEventListener("click",(function(t){"radio"===t.target.type&&e.isotope({sortBy:t.target.value})}))}))},finalize:function(){}},a=n(755),u={init:function(){document.body.classList.remove("no-js"),document.body.classList.add("js"),a((function(t){t(document).ready((function(){for(var e=document.getElementsByTagName("section"),n=0,i=e.length;n1&&void 0!==arguments[1]?arguments[1]:"init",n=arguments.length>2?arguments[2]:void 0,i=""!==t&&this.routes[t]&&"function"==typeof this.routes[t][e];i&&this.routes[t][e](n)}},{key:"loadEvents",value:function(){var t=this;this.fire("common"),document.body.className.toLowerCase().replace(/-/g,"_").split(/\s+/).map(l).forEach((function(e){t.fire(e),t.fire(e,"finalize")})),this.fire("common","finalize")}}])&&c(e.prototype,n),i&&c(e,i),t}(),d=n(755),h=new f({common:u,home:{init:function(){},finalize:function(){}},catalog:s});d(document).ready((function(){return h.loadEvents()}))},741:function(t,e,n){var i,r;!function(o,s){"use strict";void 0===(r="function"==typeof(i=s)?i.call(e,n,e,t):i)||(t.exports=r)}(window,(function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],n=0;n