}
.account-projects {
- max-width: 600px;
+ max-width: 960px;
}
.account-projects-list > li + li {
}
.account-project-links {
- margin-top: 4px;
+ margin-top: 6px;
}
.account-project-key {
const links = sortBy(project.links, 'type');
return (
- <div className="account-project-card" href="#">
+ <div className="account-project-card clearfix">
<aside className="account-project-side">
{isAnalyzed ? (
<div className="account-project-analysis"
</div>
)}
- {links.length > 0 && (
- <div className="account-project-links">
- <ul className="list-inline">
- {links.map(link => (
- <li key={link.type}>
- <a
- className="link-with-icon"
- href={link.href}
- title={link.name}
- target="_blank"
- rel="nofollow">
- <i className={`icon-color-link icon-${link.type}`}/>
- </a>
- </li>
- ))}
- </ul>
+ {project.qualityGate != null && (
+ <div className="account-project-quality-gate">
+ <Level level={project.qualityGate}/>
</div>
)}
</aside>
</a>
</h3>
- {project.qualityGate != null && (
- <div className="account-project-quality-gate">
- <Level level={project.qualityGate}/>
+ {links.length > 0 && (
+ <div className="account-project-links">
+ <ul className="list-inline">
+ {links.map(link => (
+ <li key={link.type}>
+ <a
+ className="link-with-icon"
+ href={link.href}
+ title={link.name}
+ target="_blank"
+ rel="nofollow">
+ <i className={`icon-color-link icon-${link.type}`}/>
+ </a>
+ </li>
+ ))}
+ </ul>
</div>
)}
return (
<div className="page page-limited account-projects">
- <ProjectsSearch
- onSearch={this.props.search}/>
+ <header className="page-header">
+ <h1 className="page-title">
+ My Projects
+ </h1>
+ <div className="pull-right">
+ <ProjectsSearch onSearch={this.props.search}/>
+ </div>
+ <div className="page-description">
+ {translate('my_account.projects.description')}
+ </div>
+ </header>
{projects.length === 0 && (
<div className="js-no-results">
{translate('no_results')}
- </div>
+ </div>
)}
{projects.length > 0 && (
render () {
return (
- <div className="big-spacer-bottom">
+ <div>
<form onSubmit={this.handleSubmit}>
<input
ref="input"
className="input-large"
placeholder={translate('search_verb')}
onChange={this.handleChange}/>
- <span className="note spacer-left">
- {translateWithParameters(
- 'my_account.projects.x_characters_min', 3)}
- </span>
+ <div className="note little-spacer-top text-right">
+ {translateWithParameters(
+ 'my_account.projects.x_characters_min', 3)}
+ </div>
</form>
</div>
);
my_account.to_fix=To Fix
my_account.to_review=To Review
my_account.projects=Projects
+my_account.projects.description=On those projects you have the "Administer" permission.
my_account.projects.analyzed_x=Analyzed {0}
my_account.projects.never_analyzed=Never analyzed
my_account.projects.x_characters_min=({0} characters min)