(fix) PR Feedback:
@vbaranov - Footer logo should be clickable -> Fixed. - Should be bolder... -> Fixed. - New / "New Ballot" title -> Fixed. - Only first letter should be capitalized -> Fixed. - First letters should be capitalized -> Fixed. - Wrong icon order. -> Fixed.
This commit is contained in:
parent
591f192050
commit
4da6144ddc
|
@ -135,7 +135,7 @@ class App extends Component {
|
||||||
<Route exact path={`${commonStore.rootPath}/tofinalize`} render={this.onToFinalizeBallotsRender} />
|
<Route exact path={`${commonStore.rootPath}/tofinalize`} render={this.onToFinalizeBallotsRender} />
|
||||||
<Route path={`${commonStore.rootPath}/new`} render={this.onNewBallotRender} />
|
<Route path={`${commonStore.rootPath}/new`} render={this.onNewBallotRender} />
|
||||||
</section>
|
</section>
|
||||||
<Footer networkBranch={networkBranch} />
|
<Footer baseRootPath={commonStore.rootPath} networkBranch={networkBranch} />
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<BaseLoader />
|
<BaseLoader />
|
||||||
|
|
|
@ -80,4 +80,12 @@ $cell-right-padding: 12px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
|
&#{ & }-action {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
&#{ & }-type {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -46,4 +46,8 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bc-BallotFooter_voteID {
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
|
@ -13,7 +13,7 @@
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-transform: uppercase;
|
text-transform: capitalize;
|
||||||
transition: 0.15s background-color linear;
|
transition: 0.15s background-color linear;
|
||||||
|
|
||||||
&#{ & }-sm {
|
&#{ & }-sm {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -6,7 +6,7 @@ export const BallotDataPair = ({ dataType = '', title = '', value = [] }) => {
|
||||||
<h2 className="blc-BallotDataPair_Title">{title}</h2>
|
<h2 className="blc-BallotDataPair_Title">{title}</h2>
|
||||||
{value.map((item, index) => {
|
{value.map((item, index) => {
|
||||||
return (
|
return (
|
||||||
<p className="blc-BallotDataPair_Value" key={index}>
|
<p className={`blc-BallotDataPair_Value blc-BallotDataPair_Value-${dataType}`} key={index}>
|
||||||
{item}
|
{item}
|
||||||
</p>
|
</p>
|
||||||
)
|
)
|
||||||
|
|
|
@ -18,7 +18,7 @@ export const BallotFooter = ({
|
||||||
{description ? <p className="bc-BallotFooter_Description">{description}</p> : null}
|
{description ? <p className="bc-BallotFooter_Description">{description}</p> : null}
|
||||||
{voted ? <div className="bc-BallotFooter_Voted">You already voted</div> : null}
|
{voted ? <div className="bc-BallotFooter_Voted">You already voted</div> : null}
|
||||||
<div className="bc-BallotFooter_ID">
|
<div className="bc-BallotFooter_ID">
|
||||||
{voteType} Ballot ID: {voteId}
|
{voteType} Ballot ID: <span className="bc-BallotFooter_voteID">{voteId}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -2,13 +2,12 @@ import React from 'react'
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
import { Logo } from '../Logo'
|
import { Logo } from '../Logo'
|
||||||
import { SocialIcons } from '../SocialIcons'
|
import { SocialIcons } from '../SocialIcons'
|
||||||
import { constants } from '../../utils/constants'
|
|
||||||
|
|
||||||
export const Footer = ({ extraClassName = '', networkBranch = false }) => {
|
export const Footer = ({ baseRootPath = '', extraClassName = '', networkBranch = false }) => {
|
||||||
return (
|
return (
|
||||||
<footer className={`sw-Footer ${extraClassName} sw-Footer-${networkBranch}`}>
|
<footer className={`sw-Footer ${extraClassName} sw-Footer-${networkBranch}`}>
|
||||||
<div className="sw-Footer_Content">
|
<div className="sw-Footer_Content">
|
||||||
<Logo networkBranch={networkBranch} href={constants.baseURL} />
|
<Logo networkBranch={networkBranch} href={baseRootPath} />
|
||||||
<p className="sw-Footer_Text">{moment().format('YYYY')} POA Network. All rights reserved.</p>
|
<p className="sw-Footer_Text">{moment().format('YYYY')} POA Network. All rights reserved.</p>
|
||||||
<SocialIcons networkBranch={networkBranch} />
|
<SocialIcons networkBranch={networkBranch} />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -5,7 +5,7 @@ import { Logo } from '../Logo'
|
||||||
import { MobileMenuLinks } from '../MobileMenuLinks'
|
import { MobileMenuLinks } from '../MobileMenuLinks'
|
||||||
import { NavigationLinks } from '../NavigationLinks'
|
import { NavigationLinks } from '../NavigationLinks'
|
||||||
|
|
||||||
export const Header = ({ baseRootPath, networkBranch = undefined, onMenuToggle, showMobileMenu = false }) => {
|
export const Header = ({ baseRootPath = '', networkBranch = undefined, onMenuToggle, showMobileMenu = false }) => {
|
||||||
return (
|
return (
|
||||||
<header className={`sw-Header sw-Header-${networkBranch} ${showMobileMenu ? 'sw-Header-menu-open' : ''}`}>
|
<header className={`sw-Header sw-Header-${networkBranch} ${showMobileMenu ? 'sw-Header-menu-open' : ''}`}>
|
||||||
{showMobileMenu ? <MobileMenuLinks networkBranch={networkBranch} onClick={onMenuToggle} /> : null}
|
{showMobileMenu ? <MobileMenuLinks networkBranch={networkBranch} onClick={onMenuToggle} /> : null}
|
||||||
|
|
|
@ -2,10 +2,10 @@ import React from 'react'
|
||||||
|
|
||||||
export const IconAll = ({ networkBranch }) => {
|
export const IconAll = ({ networkBranch }) => {
|
||||||
return (
|
return (
|
||||||
<svg className={`nl-IconAll`} xmlns="http://www.w3.org/2000/svg" width="16" height="18">
|
<svg className={`nl-IconAll`} xmlns="http://www.w3.org/2000/svg" width="18" height="17">
|
||||||
<path
|
<path
|
||||||
className={`nl-IconAll_Path nl-IconAll_Path-${networkBranch}`}
|
className={`nl-IconAll_Path nl-IconAll_Path-${networkBranch}`}
|
||||||
d="M15 15h-5a1 1 0 0 1-1-1v-3H2v6a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1zM9 2H2v7h7V2zm2 11h3V6h-3v7z"
|
d="M16 10.95V11H2v-.05a2.502 2.502 0 0 1 0-4.9V6h14v.05a2.502 2.502 0 0 1 0 4.9zM16 8H2v1h14V8zm0-3.05V5H2v-.05a2.502 2.502 0 0 1 0-4.9V0h14v.05a2.502 2.502 0 0 1 0 4.9zM16 2H2v1h14V2zM2 12.05V12h14v.05a2.502 2.502 0 0 1 0 4.9V17H2v-.05a2.502 2.502 0 0 1 0-4.9zM2 15h14v-1H2v1z"
|
||||||
fillRule="evenodd"
|
fillRule="evenodd"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
@ -2,11 +2,11 @@ import React from 'react'
|
||||||
|
|
||||||
export const IconToFinalize = ({ networkBranch }) => {
|
export const IconToFinalize = ({ networkBranch }) => {
|
||||||
return (
|
return (
|
||||||
<svg className={`nl-IconToFinalize`} xmlns="http://www.w3.org/2000/svg" width="18" height="17">
|
<svg className={`nl-IconToFinalize`} xmlns="http://www.w3.org/2000/svg" width="16" height="18">
|
||||||
<path
|
<path
|
||||||
className={`nl-IconToFinalize_Path nl-IconToFinalize_Path-${networkBranch}`}
|
className={`nl-IconToFinalize_Path nl-IconToFinalize_Path-${networkBranch}`}
|
||||||
|
d="M15 15h-5a1 1 0 0 1-1-1v-3H2v6a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1zM9 2H2v7h7V2zm2 11h3V6h-3v7z"
|
||||||
fillRule="evenodd"
|
fillRule="evenodd"
|
||||||
d="M16 10.95V11H2v-.05a2.502 2.502 0 0 1 0-4.9V6h14v.05a2.502 2.502 0 0 1 0 4.9zM16 8H2v1h14V8zm0-3.05V5H2v-.05a2.502 2.502 0 0 1 0-4.9V0h14v.05a2.502 2.502 0 0 1 0 4.9zM16 2H2v1h14V2zM2 12.05V12h14v.05a2.502 2.502 0 0 1 0 4.9V17H2v-.05a2.502 2.502 0 0 1 0-4.9zM2 15h14v-1H2v1z"
|
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
)
|
)
|
||||||
|
|
|
@ -46,7 +46,7 @@ constants.navigationData = [
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
disabled: true,
|
disabled: true,
|
||||||
title: 'New',
|
title: 'New Ballot',
|
||||||
url: `${constants.rootPath}/new`
|
url: `${constants.rootPath}/new`
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
Loading…
Reference in New Issue