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 { li.active a {
color: #51a3d9; color: #51a3d9;
border: none;
border-bottom: 1px solid #51a3d9; border-bottom: 1px solid #51a3d9;
&:hover { &:hover {
color: #51a3d9; color: #51a3d9;
border: none;
border-bottom: 1px solid #51a3d9; border-bottom: 1px solid #51a3d9;
} }
} }
li a { li a {
color: #333; color: #333;
border-bottom: 1px solid #DDD;
&:focus, &:focus,
&:hover { &:hover {
border: none; border: 1px solid #fff;
border-bottom: 1px solid #ddd;
background-color: #fff; 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 () { render () {
let description: string = this.props.description; let description: string = this.props.description;
if (description === "") { if (description === null || description === "") {
description = "No Description"; description = "No Description";
} }
return( return(
<div> <div>
<ul className="nav nav-tabs rp-tabs"> <ul className="nav nav-tabs rp-tabs">
<li className="active"><a href="#tab1" data-toggle="tab">Description</a></li> <li className="active">
<li><a href="#tab2" data-toggle="tab">Automated Builds</a></li> <a data-target="#tab1" data-toggle="tab">Description</a>
</li>
<li>
<a data-target="#tab2" data-toggle="tab">Automated Builds</a>
</li>
</ul> </ul>
<div className="panel-body rp-panelBody"> <div className="panel-body rp-panelBody">
<div className="tab-content"> <div className="tab-content">