jeff/pvpokemon
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

fix iOS frameworks bugs, footer

Browse Source
This commit is contained in:
Jeff Colombo 2019-04-18 21:20:00 -04:00
parent 4d0dd3efd7
commit 8c2a4099d5
4 changed files with 39 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/global.css vendored
View File

File diff suppressed because one or more lines are too long

12
dist/main-bundle.js vendored
View File

File diff suppressed because one or more lines are too long

19
src/scss/index.scss
View File

@ -39,6 +39,23 @@ a {
/** nes.css overrides */
/** START BUGFIX (https://github.com/nostalgic-css/NES.css/issues/8 as of 4/18/2019) */
.nes-input,
.nes-textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.nes-radio,
.nes-checkbox {
border-color: transparent;
background-color: transparent;
}
/** END BUGFIX */
body {
background-color: $main-background-color;
color: $main-font-primary-color;
@ -139,6 +156,7 @@ a.list-item {
}
}
// stylelint-disable no-duplicate-selectors
.nes-input,
.nes-textarea {
padding-top: 0.25rem;
@ -163,6 +181,7 @@ a.list-item {
color: $main-font-secondary-color;
}
}
// stylelint-enable
// same as .nes-input
.nes-select.dropdown {

16
src/ts/app/components/Footer.tsx
View File

@ -3,7 +3,7 @@ import Media from 'react-media';
import classNames from 'classnames';
import { MIN_DESKTOP_WIDTH } from 'common/models/constants';
import { MAX_MOBILE_WIDTH, MIN_DESKTOP_WIDTH, MIN_TABLET_WIDTH } from 'common/models/constants';
import * as styles from 'app/styles/PokemonApp.scss';
@ -35,8 +35,18 @@ export class Footer extends React.Component<IFooterProps> {
<Media query={ { minWidth: MIN_DESKTOP_WIDTH } }>
<span className={ styles.feedback }>Feedback?</span>
</Media>
<a href="mailto:feedback@pvpokemon.com"><i className="nes-icon gmail" /></a>
<a href="https://twitter.com/pvpokemongo"><i className="nes-icon twitter" /></a>
<Media query={ { minWidth: MIN_TABLET_WIDTH } }>
<React.Fragment>
<a href="mailto:feedback@pvpokemon.com"><i className="nes-icon gmail" /></a>
<a href="https://twitter.com/pvpokemongo"><i className="nes-icon twitter" /></a>
</React.Fragment>
</Media>
<Media query={ { maxWidth: MAX_MOBILE_WIDTH } }>
<React.Fragment>
<a href="mailto:feedback@pvpokemon.com"><i className="nes-icon is-small gmail" /></a>
<a href="https://twitter.com/pvpokemongo"><i className="nes-icon is-small twitter" /></a>
</React.Fragment>
</Media>
</span>
</footer>
);