Code
/
pressbooks-aldine
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

More signup page & styles tweaks

pull/328/head
SteelWagstaff 4 years ago
parent
17c012bfda
commit
e5accd1f74
8 changed files with 247 additions and 160 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      assets/styles/aldine.scss
  2. 127
      assets/styles/components/_forms.scss
  3. 160
      assets/styles/layouts/_page-register.scss
  4. 34
      dist/mix-manifest.json
  5. 2
      functions.php
  6. 5
      inc/actions/namespace.php
  7. 2
      inc/activation/namespace.php
  8. 76
      page-register.php

1
assets/styles/aldine.scss
Unescape View File

@ -17,4 +17,5 @@
@import "layouts/page";
@import "layouts/page-home";
@import "layouts/page-catalog";
@import "layouts/page-register";
@import "layouts/signup";

127
assets/styles/components/_forms.scss
Unescape View File

@ -1,8 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&family=Spectral:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');
$header-font: 'Karla', sans-serif;
$body-font: 'Spectral', serif;
label {
margin: 0 0 1rem;
font-family: $font-family-sans-serif;
@ -124,125 +119,3 @@ input[type="submit"] {
margin-bottom: rem(40);
}
}
// TODO: Add styles needed for signin/signup pages
.signup {
line-height: 1.4;
&--wrapper {
display: flex;
flex-direction: row;
gap: 3rem;
font-family: $header-font;
@media #{$breakpoint-not-large} {
flex-direction: column;
}
}
&--section {
width: 50%;
padding: 0 2rem;
}
&--section:first-child {
background: $light-grey-blue;
}
&--header-title {
text-transform: none;
text-align: left;
font-size: $big-font-size;
font-weight: 400;
&::before {
content: "";
margin-bottom: 0;
background: none;
}
}
}
.form {
width: 100%;
&--input-wrapper {
position: relative;
}
input[type="email"], input[type="text"] {
background: white;
border: solid 1px $dark-blue;
padding: 5px;
min-width: 66%;
font-weight: 400;
height: 40px;
}
label {
position: absolute;
top: 8px;
left: 8px;
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;
}
&--input-description {
font-size: $tiny-font-size;
}
}
/*
.social__buttons {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
a {
padding: 10px;
border-radius: rem(8);
background: var(--support-color-secondary);
width: rem(300);
margin-bottom: rem(24);
filter: drop-shadow(0 4px 4px #E5E5E5);
}
}
}
}
*/

160
assets/styles/layouts/_page-register.scss
Unescape View File

@ -0,0 +1,160 @@
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&family=Spectral:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');
$header-font: 'Karla', sans-serif;
$body-font: 'Spectral', serif;
.page.signup .header {
height: auto;
padding: 1.5rem 2.5rem;
}
.signup {
line-height: 1.4;
a {
text-decoration: underline;
}
&--tagline {
padding: .75rem 2.5rem;
font-size: 3rem;
background: $dark-blue;
color: $white;
margin-bottom: 0;
}
&--wrapper {
display: flex;
min-height: calc(100% - 175px);
flex-direction: row;
gap: 3rem;
font-family: $header-font;
@media #{$breakpoint-not-large} {
flex-direction: column;
}
}
&--section {
flex: 1;
width: 50%;
padding: 2.5rem;
}
&--section:first-child {
background: $light-grey-blue;
}
&--header-title {
text-transform: none;
text-align: left;
font-size: $big-font-size;
font-weight: 400;
&::before {
content: "";
margin-bottom: 0;
background: none;
}
}
&--social-buttons {
}
&--social-button {
display: flex;
align-items: center;
padding: 5px 15px;
width: 250px;
background: $grey-blue;
border: none;
border-radius: 5px;
margin-bottom: 20px;
filter: drop-shadow(0 2px 1px #aaa);
color: $dark-blue;
font-size: 1.3rem;
font-weight: 700;
text-decoration: none;
text-align: left;
text-transform: none;
svg {
fill: $dark-blue;
margin-right: 15px;
width: 30px;
}
}
&--social-button:hover {
background: $dark-blue;
color: white;
svg {
fill: white;
}
}
.form {
width: 100%;
&--input-wrapper {
position: relative;
}
input[type="email"], input[type="text"] {
background: white;
border: solid 1px $dark-blue;
padding: 5px;
min-width: 66%;
font-weight: 400;
height: 40px;
}
label {
position: absolute;
top: 8px;
left: 8px;
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;
}
&--input-description {
font-size: $tiny-font-size;
}
}
}

34
dist/mix-manifest.json vendored
Unescape View File

@ -1,19 +1,19 @@
{
"/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",
"/styles/editor.css": "/styles/editor.css",
"/styles/aldine.css": "/styles/aldine.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"
"/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",
"/styles/aldine.css": "/styles/aldine.css?id=ba8f99a1f75e9f390a94",
"/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"
}

2
functions.php
Unescape View File

@ -82,4 +82,4 @@ add_action( 'manage_sites_custom_column', '\Aldine\Admin\catalog_column', 1, 3 )
add_action( 'admin_menu', '\Aldine\Actions\remove_menu_items' );
// Override signup page.
add_action('init', '\Aldine\Actions\override_signup_page');
add_action( 'init', '\Aldine\Actions\override_signup_page' );

5
inc/actions/namespace.php
Unescape View File

@ -349,12 +349,11 @@ function remove_widgets() {
/**
* Override signup page if PB_CUSTOM_SIGNUP is set.
*
*/
function override_signup_page() {
global $pagenow;
if( getenv('PB_CUSTOM_SIGNUP') && ! is_user_logged_in() && $pagenow === 'wp-signup.php' ) {
wp_redirect( network_home_url('/register'));
if ( getenv( 'PB_CUSTOM_SIGNUP' ) && ! is_user_logged_in() && $pagenow === 'wp-signup.php' ) {
wp_redirect( network_home_url( '/register' ) );
exit();
}
}

2
inc/activation/namespace.php
Unescape View File

@ -98,7 +98,7 @@ function create_default_content() {
],
];
if ( getenv('PB_CUSTOM_SIGNUP') ) {
if ( getenv( 'PB_CUSTOM_SIGNUP' ) ) {
$pages['register'] = [
'post_title' => __( 'Register', 'pressbooks-aldine' ),
'post_content' => '',

76
page-register.php
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save