summaryrefslogtreecommitdiff
path: root/animism-align/frontend/common
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/common')
-rw-r--r--animism-align/frontend/common/app.css78
-rw-r--r--animism-align/frontend/common/form.css3
-rw-r--r--animism-align/frontend/common/header.component.js41
-rw-r--r--animism-align/frontend/common/index.js2
4 files changed, 4 insertions, 120 deletions
diff --git a/animism-align/frontend/common/app.css b/animism-align/frontend/common/app.css
index 699505f..3482820 100644
--- a/animism-align/frontend/common/app.css
+++ b/animism-align/frontend/common/app.css
@@ -74,84 +74,6 @@ li {
line-height: 1.5;
}
-/* header */
-
-header {
- height: 3.125rem;
- font-size: 0.875rem;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- background: rgba(16,32,64,0.5);
- color: white;
- z-index: 50;
-}
-header b {
- font-weight: 900;
-}
-header a {
- color: rgba(255,255,255,0.95);
- text-decoration: none;
- font-size: 0.875rem;
- font-weight: 500;
-}
-header > div:first-child {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- padding-left: 1.5rem;
-}
-header > div:last-child {
- padding-right: 1.5rem;
-}
-header > div > button {
- padding: 0.25rem;
- margin: 0 0 0 0.5rem;
- background: #000;
- border-color: #888;
- color: #888;
-}
-header > div > button:hover {
- border-color: #fff;
- color: #fff;
-}
-header .vcat-btn {
- font-size: 0.875rem;
- padding-left: 0.5rem;
- letter-spacing: 0.0625rem;
-}
-header > div:last-child a {
- padding: 0.5rem;
-}
-header .btn-link:focus,
-header .btn-link:hover,
-header .btn-link:active,
-header a:focus,
-header a:hover,
-header a:active {
- text-decoration: none;
- color: white;
-}
-header a:focus,
-header a:hover,
-header a:active {
- color: white;
-}
-.menuToggle {
- width: 1.625rem;
- height: 1.625rem;
- cursor: pointer;
- line-height: 1;
-}
-header a.navbar-brand {
- font-size: .8rem;
-}
-
-header .username {
- cursor: pointer;
-}
-
/* headings */
h1 {
diff --git a/animism-align/frontend/common/form.css b/animism-align/frontend/common/form.css
index b3b022e..ca7c27b 100644
--- a/animism-align/frontend/common/form.css
+++ b/animism-align/frontend/common/form.css
@@ -265,6 +265,9 @@ button:disabled:after {
.buttons button {
margin-right: 0.75rem;
}
+.buttons button:last-child {
+ margin-right: 0;
+}
button.submit {
border-color: #d8f;
color: #fff;
diff --git a/animism-align/frontend/common/header.component.js b/animism-align/frontend/common/header.component.js
deleted file mode 100644
index 9e96e80..0000000
--- a/animism-align/frontend/common/header.component.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react'
-// import { bindActionCreators } from 'redux'
-import { connect } from 'react-redux'
-import { Link } from 'react-router-dom'
-import { session } from '../session'
-
-function Header(props) {
- return (
- <header>
- <div>
- <Link to="/" className="logo"><b>{props.site.siteTitle}</b></Link>
- </div>
- <div>
- <span className='username' onClick={() => changeUsername()}>
- {' → '}{props.username}
- </span>
- </div>
- </header>
- )
-}
-
-const changeUsername = () => {
- const username = prompt("Please enter your username:", session('username'))
- if (username && username.length) {
- session.set('username', username)
- document.querySelector('Header div span').innerText = ' → ' + username // very naughty
- }
-}
-
-
-const mapStateToProps = (state) => ({
- // auth: state.auth,
- site: state.site,
- username: session.get('username'),
- // isAuthenticated: state.auth.isAuthenticated,
-})
-
-const mapDispatchToProps = (dispatch) => ({
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(Header)
diff --git a/animism-align/frontend/common/index.js b/animism-align/frontend/common/index.js
index 3647203..0678a93 100644
--- a/animism-align/frontend/common/index.js
+++ b/animism-align/frontend/common/index.js
@@ -1,4 +1,4 @@
-export { default as Header } from './header.component'
+// export { default as Header } from './header.component'
export {
MenuButton, SmallMenuButton, MenuRoute,
} from './menubutton.component'