vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge pull request #2210 from iminoso/tabbing

Browse source 
Fix repo view tabbing styles and prevent auto scroll on tab click
This commit is contained in:
Ian Minoso 2016-12-05 21:50:16 -05:00 committed by GitHub
commit a2cbcf837d
2 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/css/directives/components/pages/repo-page/body.scss
View file

@ -21,22 +21,21 @@
li.active a {
color: #51a3d9;
border: none;
border-bottom: 1px solid #51a3d9;
&:hover {
color: #51a3d9;
border: none;
border-bottom: 1px solid #51a3d9;
}
}
li a {
color: #333;
border-bottom: 1px solid #DDD;
&:focus,
&:hover {
border: none;
border: 1px solid #fff;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
}

10
static/js/directives/components/pages/repo-page/body.tsx
View file

@ -14,14 +14,18 @@ class body extends React.Component<IBody, {}> {
}
render () {
let description: string = this.props.description;
if (description === "") {
if (description === null || description === "") {
description = "No Description";
}
return(
<div>
<ul className="nav nav-tabs rp-tabs">
<li className="active"><a href="#tab1" data-toggle="tab">Description</a></li>
<li><a href="#tab2" data-toggle="tab">Automated Builds</a></li>
<li className="active">
<a data-target="#tab1" data-toggle="tab">Description</a>
</li>
<li>
<a data-target="#tab2" data-toggle="tab">Automated Builds</a>
</li>
</ul>
<div className="panel-body rp-panelBody">
<div className="tab-content">