Commit 8ce8e66f3c9a96a19e693787e674ab589460794a
1 parent
db37486122
Exists in
master
Emailpane styling
Showing
2 changed files
with
46 additions
and
13 deletions
Show diff stats
imports/client/views/verify/EmailPane.js
| ... | ... | @@ -40,12 +40,12 @@ export class EmailPane extends React.Component { |
| 40 | 40 | |
| 41 | 41 | return ( |
| 42 | 42 | <div className = "wizardPane-box"> |
| 43 | - <div className = "wizardPane-section1"> | |
| 44 | - <div className="icon-circle icon-lg"> | |
| 43 | + <div className = "wizardPane-section"> | |
| 44 | + {/* <div className="icon-circle icon-lg"> | |
| 45 | 45 | <i className="icon icon-simple icon-envelope"></i> |
| 46 | - </div> | |
| 46 | + </div> */} | |
| 47 | 47 | <div className = "wizardPane-title"> |
| 48 | - Set your email address | |
| 48 | + Enter your email address | |
| 49 | 49 | </div> |
| 50 | 50 | <div className = "col-xs-8 horizontalform verifyEmail wizardPane-text"> |
| 51 | 51 | <div className="form-row"> |
| ... | ... | @@ -84,16 +84,16 @@ export class EmailPane extends React.Component { |
| 84 | 84 | <div className = "wizardPane-section1"> |
| 85 | 85 | |
| 86 | 86 | <div className = "wizardPane-title"> |
| 87 | - <i className="icon-envelope icon"></i> | |
| 88 | - <h3>Verify your email</h3> | |
| 87 | + {/* <i className="icon-envelope icon"></i> */} | |
| 88 | + <h3>Your email needs verification</h3> | |
| 89 | 89 | </div> |
| 90 | 90 | <div className = "wizardPane-text"> |
| 91 | - Check your email – we sent a verification link to<br/> | |
| 92 | - <span style={{color:"green"}}> | |
| 91 | + Please check your email – we sent a verification link to<br/> | |
| 92 | + <span className = "EmailVerify"> | |
| 93 | 93 | {user.emails[0].address}</span> |
| 94 | 94 | </div> |
| 95 | 95 | </div> |
| 96 | - <div className = "wizardPane-section wizardPane-footer"> | |
| 96 | + <div className = "wizardPane-sectionD wizardPane-footer"> | |
| 97 | 97 | <div className="btn" |
| 98 | 98 | className = "wizardPane-link" |
| 99 | 99 | onClick = {() => this.onShowForm()} | ... | ... |
imports/client/views/verify/emailpane.css
| 1 | -.wizardPane-section | |
| 1 | +.wizardPane-sectionD | |
| 2 | 2 | { |
| 3 | 3 | background-color: white; |
| 4 | 4 | margin: auto; |
| ... | ... | @@ -8,13 +8,46 @@ |
| 8 | 8 | cursor: pointer; |
| 9 | 9 | font-weight: bold; |
| 10 | 10 | color: crimson; |
| 11 | + font-style: italic; | |
| 12 | +} | |
| 13 | + | |
| 14 | +.EmailVerify | |
| 15 | +{ | |
| 16 | + color:green; | |
| 17 | + font-weight: bold; | |
| 18 | +} | |
| 19 | + | |
| 20 | +.wizardPane-link:hover | |
| 21 | +{ | |
| 22 | + text-decoration: underline; | |
| 11 | 23 | } |
| 12 | 24 | |
| 13 | 25 | .wizardPane-section1 |
| 14 | 26 | { |
| 15 | - background-color: white; | |
| 16 | - margin: auto; | |
| 27 | + margin:auto; | |
| 28 | + width: 30%; | |
| 29 | + padding: 10px; | |
| 30 | + background:#fff; | |
| 31 | + -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | |
| 32 | + -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | |
| 33 | + box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | |
| 34 | + | |
| 35 | +} | |
| 36 | + | |
| 37 | +.wizardPane-section | |
| 38 | +{ | |
| 39 | + margin:auto; | |
| 17 | 40 | width: 30%; |
| 18 | - border: 3px solid #73AD21; | |
| 19 | 41 | padding: 10px; |
| 42 | + background:#fff; | |
| 43 | + -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | |
| 44 | + -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | |
| 45 | + box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | |
| 46 | + | |
| 47 | +} | |
| 48 | + | |
| 49 | +.wizardPane-title | |
| 50 | +{ | |
| 51 | + font-size: 20px; | |
| 52 | + color:black; | |
| 20 | 53 | } | ... | ... |