kyy/swagger-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated searchbar sizing

Browse Source
This commit is contained in:
Minasokoni
2017-04-28 08:36:32 -07:00
parent 9409320009
commit ca808e9d18
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/swagger-ui.css vendored
View File

File diff suppressed because one or more lines are too long

4
src/plugins/topbar/topbar.jsx
View File

@@ -43,10 +43,10 @@ export default class Topbar extends React.Component {
<img height="30" width="30" src={ Logo } alt="Swagger UX"/> <img height="30" width="30" src={ Logo } alt="Swagger UX"/>
<span>swagger</span> <span>swagger</span>
</Link> </Link>
<div className="download-url-wrapper"> <form className="download-url-wrapper" onSubmit={this.downloadUrl}>
<input className="download-url-input" type="text" onChange={ this.onUrlChange } value={this.state.url} disabled={isLoading} style={inputStyle} /> <input className="download-url-input" type="text" onChange={ this.onUrlChange } value={this.state.url} disabled={isLoading} style={inputStyle} />
<Button className="download-url-button" onClick={ this.downloadUrl }>Explore</Button> <Button className="download-url-button" onClick={ this.downloadUrl }>Explore</Button>
</div> </form>
</div> </div>
</div> </div>
</div> </div>

5
src/style/_topbar.scss
View File

@@ -16,6 +16,8 @@
display: flex; display: flex;
max-width: 300px;
text-decoration: none; text-decoration: none;
flex: 1; flex: 1;
@@ -33,8 +35,11 @@
{ {
display: flex; display: flex;
flex: 3;
input[type=text] input[type=text]
{ {
width: 100%;
min-width: 350px; min-width: 350px;
margin: 0; margin: 0;