mitchell/classic-wow-forums
1
0
Fork 0
mirror of https://github.com/mgerb/classic-wow-forums synced 2026-01-11 01:22:49 +00:00
Code Issues Releases Wiki Activity

client - input styling updates for firefox

Browse Source
This commit is contained in:
Mitchell
2018-01-28 15:02:53 -06:00
parent b3ac9003db
commit 3397d6b6ef
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/app/components/forum-nav/forum-nav.tsx
View File

@@ -88,6 +88,7 @@ export class ForumNav extends React.Component<Props, State> {
<div className="flex flex--center"> <div className="flex flex--center">
<small>Forum Nav:</small> <small>Forum Nav:</small>
<select style={{ minWidth: '194px', height: '19px' }} <select style={{ minWidth: '194px', height: '19px' }}
className="forum-input"
value={this.getSelectedCategoryId()} value={this.getSelectedCategoryId()}
onChange={event => this.onSelect(event)}> onChange={event => this.onSelect(event)}>
{this.state.categoryList && this.renderDropDown()} {this.state.categoryList && this.renderDropDown()}

9
client/app/pages/forum/forum.tsx
View File

@@ -170,18 +170,20 @@ export class Forum extends React.Component<Props, State> {
return ( return (
<div> <div>
<form className="flex" style={{ marginBottom: 0 }} onSubmit={e => this.onSearch(e)}> <form className="flex" style={{ marginBottom: 0 }} onSubmit={e => this.onSearch(e)}>
<img className="hide-tiny" src={require('../../assets/forum-menu-left.gif')}/> <img className="hide-tiny" style={{ minWidth: '91px' }} src={require('../../assets/forum-menu-left.gif')}/>
<img src={require('../../assets/forum-menu-newtopic.gif')} <img src={require('../../assets/forum-menu-newtopic.gif')}
style={{ height: '39px' }}
className="clickable" className="clickable"
onClick={() => this.onNewTopic()}/> onClick={() => this.onNewTopic()}/>
<img src={require('../../assets/forum-menu-right.gif')}/> <img src={require('../../assets/forum-menu-right.gif')}/>
<img className="hide-tiny" src={require('../../assets/forum-menu-search-left.gif')}/> <img className="hide-tiny" src={require('../../assets/forum-menu-search-left.gif')}/>
<div className="forum-menu-search-bg hide-tiny"> <div className="forum-menu-search-bg hide-tiny">
<input name="SearchText" onChange={event => this.setState({ searchText: event.target.value })}/> <input name="SearchText" className="forum-input" style={{ height: '21px' }}
onChange={event => this.setState({ searchText: event.target.value })}/>
</div> </div>
<input type="image" name="submit" <input type="image" name="submit"
src={require('../../assets/forum-menu-search.gif')} src={require('../../assets/forum-menu-search.gif')}
className="clickable hide-tiny" style={{ outline: 'none' }}/> className="clickable hide-tiny" style={{ outline: 'none', height: '39px' }}/>
<div className="forumliner-bg"/> <div className="forumliner-bg"/>
</form> </form>
@@ -233,6 +235,7 @@ export class Forum extends React.Component<Props, State> {
const { categoryId, sortBy, sortOrder } = this.routeParams(); const { categoryId, sortBy, sortOrder } = this.routeParams();
return ( return (
<select style={{ margin: '0 5px' }} <select style={{ margin: '0 5px' }}
className="forum-input"
value={this.routeParams().threadsPerPage} value={this.routeParams().threadsPerPage}
onChange={e => this.navigateHere(categoryId, 1, parseInt(e.target.value, 10), sortBy, sortOrder)} onChange={e => this.navigateHere(categoryId, 1, parseInt(e.target.value, 10), sortBy, sortOrder)}
> >

5
client/app/scss/style.scss
View File

@@ -193,3 +193,8 @@ div {
display: none; display: none;
} }
} }
// needed for firefox inputs
.forum-input {
border: none;
}