]> source.dussan.org Git - sonarqube.git/commitdiff
SONAR-7229 apply feedback
authorStas Vilchik <vilchiks@gmail.com>
Fri, 17 Jun 2016 16:07:20 +0000 (18:07 +0200)
committerStas Vilchik <vilchiks@gmail.com>
Fri, 17 Jun 2016 16:07:20 +0000 (18:07 +0200)
server/sonar-web/src/main/js/apps/account/account.css
server/sonar-web/src/main/js/apps/account/projects/ProjectCard.js
server/sonar-web/src/main/js/apps/account/projects/Projects.js
server/sonar-web/src/main/js/apps/account/projects/ProjectsSearch.js
sonar-core/src/main/resources/org/sonar/l10n/core.properties

index d8ff05b231c958a02c5c89202fafadee442ef140..b2a1839311cdc314f7c402222df67d57a2eb7f3d 100644 (file)
@@ -45,7 +45,7 @@
 }
 
 .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 {
index b5cffd8ec44df6beea0483b97cf4f92667c21ae5..f7d7556da81c02fd6e23385e4a4e22af9f1072cb 100644 (file)
@@ -37,7 +37,7 @@ export default class ProjectCard extends React.Component {
     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"
@@ -53,22 +53,9 @@ export default class ProjectCard extends React.Component {
                 </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>
@@ -79,9 +66,22 @@ export default class ProjectCard extends React.Component {
             </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>
           )}
 
index d5d89fc87762cf9fd012bf663f9ef668eb716959..b77242df8cc36f6e53162c1cad99825f0bcaf649 100644 (file)
@@ -38,13 +38,22 @@ export default class Projects extends React.Component {
 
     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 && (
index ad8dacd941456214cf1cd39fc80677bec5ce2368..b0250ecafe75623b6fb7a56b8ad95a56d59bee3e 100644 (file)
@@ -46,7 +46,7 @@ export default class ProjectsSearch extends React.Component {
 
   render () {
     return (
-        <div className="big-spacer-bottom">
+        <div>
           <form onSubmit={this.handleSubmit}>
             <input
                 ref="input"
@@ -54,10 +54,10 @@ export default class ProjectsSearch extends React.Component {
                 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>
     );
index f1fdd1b9ac9f476417f0899afc6a9ddef1ceef80..d1b1042730917b0e4c918b4e880825480ec7daf1 100644 (file)
@@ -2122,6 +2122,7 @@ my_account.issue_widget.by_severity=My Issues by Severity
 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)