From cfc041fa0681a00d7f8184b724101aa028db0fd4 Mon Sep 17 00:00:00 2001 From: Wouter Admiraal Date: Thu, 6 Dec 2018 14:58:44 +0100 Subject: [PATCH] SONARCLOUD-200 Adjust color of the languages block on the Home Page --- .../public/images/languages/abap.svg | 2 +- .../public/images/languages/black/abap.svg | 1 - .../images/languages/black/c-c-plus-plus.svg | 1 - .../public/images/languages/black/csharp.svg | 1 - .../public/images/languages/black/css.svg | 1 - .../public/images/languages/black/go.svg | 1 - .../public/images/languages/black/html5.svg | 1 - .../public/images/languages/black/java.svg | 1 - .../public/images/languages/black/js.svg | 1 - .../public/images/languages/black/kotlin.svg | 1 - .../public/images/languages/black/obj-c.svg | 1 - .../public/images/languages/black/php.svg | 1 - .../public/images/languages/black/pl-sql.svg | 1 - .../public/images/languages/black/python.svg | 1 - .../public/images/languages/black/ruby.svg | 1 - .../public/images/languages/black/scala.svg | 1 - .../public/images/languages/black/swift.svg | 1 - .../public/images/languages/black/t-sql.svg | 1 - .../public/images/languages/black/ts.svg | 1 - .../public/images/languages/black/vb.svg | 1 - .../public/images/languages/black/xml.svg | 1 - .../public/images/languages/c-c-plus-plus.svg | 2 +- .../images/languages/{black => }/c-plus.svg | 0 .../images/languages/{black => }/c-sharp.svg | 0 .../public/images/languages/csharp.svg | 2 +- .../sonar-web/public/images/languages/css.svg | 2 +- .../images/languages/{black => }/flex.png | Bin .../images/languages/{black => }/flex@2x.png | Bin .../sonar-web/public/images/languages/go.svg | 2 +- .../public/images/languages/html5.svg | 2 +- .../public/images/languages/java.svg | 2 +- .../sonar-web/public/images/languages/js.svg | 2 +- .../public/images/languages/kotlin.svg | 2 +- .../public/images/languages/obj-c.svg | 2 +- .../sonar-web/public/images/languages/php.svg | 2 +- .../public/images/languages/pl-sql.svg | 2 +- .../images/languages/{black => }/plsql.svg | 0 .../public/images/languages/python.svg | 2 +- .../public/images/languages/ruby.svg | 2 +- .../public/images/languages/scala.svg | 2 +- .../public/images/languages/swift.svg | 2 +- .../public/images/languages/t-sql.svg | 2 +- .../sonar-web/public/images/languages/ts.svg | 2 +- .../images/languages/{black => }/tsql.svg | 0 .../sonar-web/public/images/languages/vb.svg | 2 +- .../sonar-web/public/images/languages/xml.svg | 2 +- .../home-background-grey-bottom.svg | 1 + .../js/apps/about/sonarcloud/AzureDevOps.tsx | 2 +- .../main/js/apps/about/sonarcloud/Home.tsx | 9 +++ .../main/js/apps/about/sonarcloud/SQHome.tsx | 67 ++++++----------- .../__snapshots__/Home-test.tsx.snap | 17 ++++- .../about/sonarcloud/components/Languages.tsx | 10 +-- .../js/apps/about/sonarcloud/new_style.css | 68 ++++++++++++------ 53 files changed, 119 insertions(+), 115 deletions(-) delete mode 100644 server/sonar-web/public/images/languages/black/abap.svg delete mode 100644 server/sonar-web/public/images/languages/black/c-c-plus-plus.svg delete mode 100644 server/sonar-web/public/images/languages/black/csharp.svg delete mode 100644 server/sonar-web/public/images/languages/black/css.svg delete mode 100644 server/sonar-web/public/images/languages/black/go.svg delete mode 100644 server/sonar-web/public/images/languages/black/html5.svg delete mode 100644 server/sonar-web/public/images/languages/black/java.svg delete mode 100644 server/sonar-web/public/images/languages/black/js.svg delete mode 100644 server/sonar-web/public/images/languages/black/kotlin.svg delete mode 100644 server/sonar-web/public/images/languages/black/obj-c.svg delete mode 100644 server/sonar-web/public/images/languages/black/php.svg delete mode 100644 server/sonar-web/public/images/languages/black/pl-sql.svg delete mode 100644 server/sonar-web/public/images/languages/black/python.svg delete mode 100644 server/sonar-web/public/images/languages/black/ruby.svg delete mode 100644 server/sonar-web/public/images/languages/black/scala.svg delete mode 100644 server/sonar-web/public/images/languages/black/swift.svg delete mode 100644 server/sonar-web/public/images/languages/black/t-sql.svg delete mode 100644 server/sonar-web/public/images/languages/black/ts.svg delete mode 100644 server/sonar-web/public/images/languages/black/vb.svg delete mode 100644 server/sonar-web/public/images/languages/black/xml.svg rename server/sonar-web/public/images/languages/{black => }/c-plus.svg (100%) rename server/sonar-web/public/images/languages/{black => }/c-sharp.svg (100%) rename server/sonar-web/public/images/languages/{black => }/flex.png (100%) rename server/sonar-web/public/images/languages/{black => }/flex@2x.png (100%) rename server/sonar-web/public/images/languages/{black => }/plsql.svg (100%) rename server/sonar-web/public/images/languages/{black => }/tsql.svg (100%) create mode 100644 server/sonar-web/public/images/sonarcloud/home-background-grey-bottom.svg diff --git a/server/sonar-web/public/images/languages/abap.svg b/server/sonar-web/public/images/languages/abap.svg index 58e593b8066..072e0e4cd33 100644 --- a/server/sonar-web/public/images/languages/abap.svg +++ b/server/sonar-web/public/images/languages/abap.svg @@ -1 +1 @@ - \ No newline at end of file +abap \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/abap.svg b/server/sonar-web/public/images/languages/black/abap.svg deleted file mode 100644 index 072e0e4cd33..00000000000 --- a/server/sonar-web/public/images/languages/black/abap.svg +++ /dev/null @@ -1 +0,0 @@ -abap \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/c-c-plus-plus.svg b/server/sonar-web/public/images/languages/black/c-c-plus-plus.svg deleted file mode 100644 index 24e412e2c1c..00000000000 --- a/server/sonar-web/public/images/languages/black/c-c-plus-plus.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/csharp.svg b/server/sonar-web/public/images/languages/black/csharp.svg deleted file mode 100644 index d2dd883989f..00000000000 --- a/server/sonar-web/public/images/languages/black/csharp.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/css.svg b/server/sonar-web/public/images/languages/black/css.svg deleted file mode 100644 index 1b8232b8ffb..00000000000 --- a/server/sonar-web/public/images/languages/black/css.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/go.svg b/server/sonar-web/public/images/languages/black/go.svg deleted file mode 100644 index 3acfff83ab3..00000000000 --- a/server/sonar-web/public/images/languages/black/go.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/html5.svg b/server/sonar-web/public/images/languages/black/html5.svg deleted file mode 100644 index 2e6ea12bde0..00000000000 --- a/server/sonar-web/public/images/languages/black/html5.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/java.svg b/server/sonar-web/public/images/languages/black/java.svg deleted file mode 100644 index b3eeb8a6423..00000000000 --- a/server/sonar-web/public/images/languages/black/java.svg +++ /dev/null @@ -1 +0,0 @@ -java \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/js.svg b/server/sonar-web/public/images/languages/black/js.svg deleted file mode 100644 index 3059aefbf2c..00000000000 --- a/server/sonar-web/public/images/languages/black/js.svg +++ /dev/null @@ -1 +0,0 @@ -js \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/kotlin.svg b/server/sonar-web/public/images/languages/black/kotlin.svg deleted file mode 100644 index dc56df69933..00000000000 --- a/server/sonar-web/public/images/languages/black/kotlin.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/obj-c.svg b/server/sonar-web/public/images/languages/black/obj-c.svg deleted file mode 100644 index ad3cf129fcf..00000000000 --- a/server/sonar-web/public/images/languages/black/obj-c.svg +++ /dev/null @@ -1 +0,0 @@ -obj-c \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/php.svg b/server/sonar-web/public/images/languages/black/php.svg deleted file mode 100644 index 53d741c2d47..00000000000 --- a/server/sonar-web/public/images/languages/black/php.svg +++ /dev/null @@ -1 +0,0 @@ -php \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/pl-sql.svg b/server/sonar-web/public/images/languages/black/pl-sql.svg deleted file mode 100644 index 5da15c236b8..00000000000 --- a/server/sonar-web/public/images/languages/black/pl-sql.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/python.svg b/server/sonar-web/public/images/languages/black/python.svg deleted file mode 100644 index cd2f68b06f8..00000000000 --- a/server/sonar-web/public/images/languages/black/python.svg +++ /dev/null @@ -1 +0,0 @@ -python \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/ruby.svg b/server/sonar-web/public/images/languages/black/ruby.svg deleted file mode 100644 index 24c3c30fc78..00000000000 --- a/server/sonar-web/public/images/languages/black/ruby.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/scala.svg b/server/sonar-web/public/images/languages/black/scala.svg deleted file mode 100644 index 20254ded066..00000000000 --- a/server/sonar-web/public/images/languages/black/scala.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/swift.svg b/server/sonar-web/public/images/languages/black/swift.svg deleted file mode 100644 index 7a1fce2710f..00000000000 --- a/server/sonar-web/public/images/languages/black/swift.svg +++ /dev/null @@ -1 +0,0 @@ -swift \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/t-sql.svg b/server/sonar-web/public/images/languages/black/t-sql.svg deleted file mode 100644 index 01c1c636942..00000000000 --- a/server/sonar-web/public/images/languages/black/t-sql.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/ts.svg b/server/sonar-web/public/images/languages/black/ts.svg deleted file mode 100644 index a1bd7091a11..00000000000 --- a/server/sonar-web/public/images/languages/black/ts.svg +++ /dev/null @@ -1 +0,0 @@ -ts \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/vb.svg b/server/sonar-web/public/images/languages/black/vb.svg deleted file mode 100644 index f0f10b9b2d2..00000000000 --- a/server/sonar-web/public/images/languages/black/vb.svg +++ /dev/null @@ -1 +0,0 @@ -vb \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/xml.svg b/server/sonar-web/public/images/languages/black/xml.svg deleted file mode 100644 index c254525c637..00000000000 --- a/server/sonar-web/public/images/languages/black/xml.svg +++ /dev/null @@ -1 +0,0 @@ -xml \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/c-c-plus-plus.svg b/server/sonar-web/public/images/languages/c-c-plus-plus.svg index 0663f06337c..24e412e2c1c 100644 --- a/server/sonar-web/public/images/languages/c-c-plus-plus.svg +++ b/server/sonar-web/public/images/languages/c-c-plus-plus.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/c-plus.svg b/server/sonar-web/public/images/languages/c-plus.svg similarity index 100% rename from server/sonar-web/public/images/languages/black/c-plus.svg rename to server/sonar-web/public/images/languages/c-plus.svg diff --git a/server/sonar-web/public/images/languages/black/c-sharp.svg b/server/sonar-web/public/images/languages/c-sharp.svg similarity index 100% rename from server/sonar-web/public/images/languages/black/c-sharp.svg rename to server/sonar-web/public/images/languages/c-sharp.svg diff --git a/server/sonar-web/public/images/languages/csharp.svg b/server/sonar-web/public/images/languages/csharp.svg index 51d00c125ce..d2dd883989f 100644 --- a/server/sonar-web/public/images/languages/csharp.svg +++ b/server/sonar-web/public/images/languages/csharp.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/css.svg b/server/sonar-web/public/images/languages/css.svg index f66681fb5da..1b8232b8ffb 100644 --- a/server/sonar-web/public/images/languages/css.svg +++ b/server/sonar-web/public/images/languages/css.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/flex.png b/server/sonar-web/public/images/languages/flex.png similarity index 100% rename from server/sonar-web/public/images/languages/black/flex.png rename to server/sonar-web/public/images/languages/flex.png diff --git a/server/sonar-web/public/images/languages/black/flex@2x.png b/server/sonar-web/public/images/languages/flex@2x.png similarity index 100% rename from server/sonar-web/public/images/languages/black/flex@2x.png rename to server/sonar-web/public/images/languages/flex@2x.png diff --git a/server/sonar-web/public/images/languages/go.svg b/server/sonar-web/public/images/languages/go.svg index 76fbccc7ca2..3acfff83ab3 100644 --- a/server/sonar-web/public/images/languages/go.svg +++ b/server/sonar-web/public/images/languages/go.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/html5.svg b/server/sonar-web/public/images/languages/html5.svg index 7869550643f..2e6ea12bde0 100644 --- a/server/sonar-web/public/images/languages/html5.svg +++ b/server/sonar-web/public/images/languages/html5.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/java.svg b/server/sonar-web/public/images/languages/java.svg index 5406f6e459c..b3eeb8a6423 100644 --- a/server/sonar-web/public/images/languages/java.svg +++ b/server/sonar-web/public/images/languages/java.svg @@ -1 +1 @@ - \ No newline at end of file +java \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/js.svg b/server/sonar-web/public/images/languages/js.svg index a4b0a448b15..3059aefbf2c 100644 --- a/server/sonar-web/public/images/languages/js.svg +++ b/server/sonar-web/public/images/languages/js.svg @@ -1 +1 @@ - \ No newline at end of file +js \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/kotlin.svg b/server/sonar-web/public/images/languages/kotlin.svg index 64289c89156..dc56df69933 100644 --- a/server/sonar-web/public/images/languages/kotlin.svg +++ b/server/sonar-web/public/images/languages/kotlin.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/obj-c.svg b/server/sonar-web/public/images/languages/obj-c.svg index e3535d7ec65..ad3cf129fcf 100644 --- a/server/sonar-web/public/images/languages/obj-c.svg +++ b/server/sonar-web/public/images/languages/obj-c.svg @@ -1 +1 @@ - \ No newline at end of file +obj-c \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/php.svg b/server/sonar-web/public/images/languages/php.svg index a8425249f9f..53d741c2d47 100644 --- a/server/sonar-web/public/images/languages/php.svg +++ b/server/sonar-web/public/images/languages/php.svg @@ -1 +1 @@ - \ No newline at end of file +php \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/pl-sql.svg b/server/sonar-web/public/images/languages/pl-sql.svg index 2e615699de4..5da15c236b8 100644 --- a/server/sonar-web/public/images/languages/pl-sql.svg +++ b/server/sonar-web/public/images/languages/pl-sql.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/plsql.svg b/server/sonar-web/public/images/languages/plsql.svg similarity index 100% rename from server/sonar-web/public/images/languages/black/plsql.svg rename to server/sonar-web/public/images/languages/plsql.svg diff --git a/server/sonar-web/public/images/languages/python.svg b/server/sonar-web/public/images/languages/python.svg index 8694599b4fb..cd2f68b06f8 100644 --- a/server/sonar-web/public/images/languages/python.svg +++ b/server/sonar-web/public/images/languages/python.svg @@ -1 +1 @@ - \ No newline at end of file +python \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/ruby.svg b/server/sonar-web/public/images/languages/ruby.svg index 28d682c648d..24c3c30fc78 100644 --- a/server/sonar-web/public/images/languages/ruby.svg +++ b/server/sonar-web/public/images/languages/ruby.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/scala.svg b/server/sonar-web/public/images/languages/scala.svg index 082b84533dd..20254ded066 100644 --- a/server/sonar-web/public/images/languages/scala.svg +++ b/server/sonar-web/public/images/languages/scala.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/swift.svg b/server/sonar-web/public/images/languages/swift.svg index eecb94c9f10..7a1fce2710f 100644 --- a/server/sonar-web/public/images/languages/swift.svg +++ b/server/sonar-web/public/images/languages/swift.svg @@ -1 +1 @@ - \ No newline at end of file +swift \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/t-sql.svg b/server/sonar-web/public/images/languages/t-sql.svg index 37ca43e5aa2..01c1c636942 100644 --- a/server/sonar-web/public/images/languages/t-sql.svg +++ b/server/sonar-web/public/images/languages/t-sql.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/ts.svg b/server/sonar-web/public/images/languages/ts.svg index c2f914cce0c..a1bd7091a11 100644 --- a/server/sonar-web/public/images/languages/ts.svg +++ b/server/sonar-web/public/images/languages/ts.svg @@ -1 +1 @@ - \ No newline at end of file +ts \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/black/tsql.svg b/server/sonar-web/public/images/languages/tsql.svg similarity index 100% rename from server/sonar-web/public/images/languages/black/tsql.svg rename to server/sonar-web/public/images/languages/tsql.svg diff --git a/server/sonar-web/public/images/languages/vb.svg b/server/sonar-web/public/images/languages/vb.svg index 4764cb1ea0d..f0f10b9b2d2 100644 --- a/server/sonar-web/public/images/languages/vb.svg +++ b/server/sonar-web/public/images/languages/vb.svg @@ -1 +1 @@ - \ No newline at end of file +vb \ No newline at end of file diff --git a/server/sonar-web/public/images/languages/xml.svg b/server/sonar-web/public/images/languages/xml.svg index bf8877cd653..c254525c637 100644 --- a/server/sonar-web/public/images/languages/xml.svg +++ b/server/sonar-web/public/images/languages/xml.svg @@ -1 +1 @@ - \ No newline at end of file +xml \ No newline at end of file diff --git a/server/sonar-web/public/images/sonarcloud/home-background-grey-bottom.svg b/server/sonar-web/public/images/sonarcloud/home-background-grey-bottom.svg new file mode 100644 index 00000000000..bc14a7d9472 --- /dev/null +++ b/server/sonar-web/public/images/sonarcloud/home-background-grey-bottom.svg @@ -0,0 +1 @@ + diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx index 1ad9fa7bc80..27c60c53af9 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx @@ -129,7 +129,7 @@ export default function AzureDevOps() {
  • {language.name}
    • diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx index d23ad559b67..ff83a9021dd 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx @@ -272,6 +272,15 @@ function Functionality() { +
    +
    + +
    +
    ); } diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/SQHome.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/SQHome.tsx index f826c42cf8a..ffc9e329c52 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/SQHome.tsx +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/SQHome.tsx @@ -151,7 +151,7 @@ function Languages() { Java @@ -159,7 +159,7 @@ function Languages() { JavaScript @@ -167,7 +167,7 @@ function Languages() { TypeScript @@ -175,7 +175,7 @@ function Languages() { C# @@ -183,49 +183,34 @@ function Languages() { C++
  • - Go + Go
  • Python
  • - PHP + PHP
    • diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/__tests__/__snapshots__/Home-test.tsx.snap b/server/sonar-web/src/main/js/apps/about/sonarcloud/__tests__/__snapshots__/Home-test.tsx.snap index 896408062be..185ff31316b 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/__tests__/__snapshots__/Home-test.tsx.snap +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/__tests__/__snapshots__/Home-test.tsx.snap @@ -372,6 +372,19 @@ exports[`should render 5`] = ` +
    +
    + +
    +
    `; @@ -420,7 +433,7 @@ exports[`should render 6`] = ` src="/images/languages/java.svg" style={ Object { - "width": "39px", + "width": "65px", } } /> @@ -472,7 +485,7 @@ exports[`should render 6`] = ` src="/images/languages/python.svg" style={ Object { - "width": "42px", + "width": "65px", } } /> diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/components/Languages.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/components/Languages.tsx index cc61f60f161..97f57a67761 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/components/Languages.tsx +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/components/Languages.tsx @@ -26,23 +26,23 @@ interface State { } const LANGUAGES = [ - { name: 'Java', file: 'java.svg', width: 39 }, + { name: 'Java', file: 'java.svg', width: 65 }, { name: 'JavaScript', file: 'js.svg', width: 60 }, { name: 'TypeScript', file: 'ts.svg', width: 100 }, { name: 'C#', file: 'csharp.svg', width: 60 }, - { name: 'Python', file: 'python.svg', width: 42 }, + { name: 'Python', file: 'python.svg', width: 65 }, { name: 'C++', file: 'c-c-plus-plus.svg', width: 53 }, { name: 'Go', file: 'go.svg', width: 91 }, { name: 'Kotlin', file: 'kotlin.svg', width: 42 }, { name: 'Ruby', file: 'ruby.svg', width: 43 }, { name: 'ABAP', file: 'abap.svg', width: 52 }, - { name: 'Flex', file: 'flex.svg', width: 40 }, + { name: 'Flex', file: 'flex.png', width: 85 }, { name: 'CSS', file: 'css.svg', width: 40 }, { name: 'HTML', file: 'html5.svg', width: 40 }, - { name: 'Objective-C', file: 'obj-c.svg', width: 60 }, + { name: 'Objective-C', file: 'obj-c.svg', width: 63 }, { name: 'PHP', file: 'php.svg', width: 57 }, { name: 'Scala', file: 'scala.svg', width: 29 }, - { name: 'Swift', file: 'swift.svg', width: 40 }, + { name: 'Swift', file: 'swift.svg', width: 64 }, { name: 'T-SQL', file: 't-sql.svg', width: 53 }, { name: 'PL/SQL', file: 'pl-sql.svg', width: 65 }, { name: 'VB', file: 'vb.svg', width: 55 }, diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/new_style.css b/server/sonar-web/src/main/js/apps/about/sonarcloud/new_style.css index 2360e5452b6..de00165f256 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/new_style.css +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/new_style.css @@ -85,7 +85,7 @@ } .sc-page a:hover { - border-bottom: 1px solid #fff; + border-bottom: 1px solid var(--sonarcloudBlack100); } .sc-section { @@ -199,6 +199,10 @@ z-index: 0; } +.sc-functionality-background-bottom { + margin-top: 0; +} + .sc-background-start { position: absolute; background-color: #fdc300; @@ -249,13 +253,30 @@ background-color: var(--sonarcloudBlack200); } +.sc-functionality-container .sc-columns:last-of-type { + margin-bottom: 20px; +} + .sc-languages-container { - padding: 130px 0 0; - background-color: var(--sonarcloudBlack800); + padding: 60px 0 0; + background-color: var(--sonarcloudBlack100); margin-bottom: 90px; box-sizing: border-box; } +.sc-languages-container::after { + content: ''; + display: block; + margin: 0 auto; + height: 1px; + background-color: var(--sonarcloudBlack300); + width: 100px; +} + +.sc-languages-container .sc-section { + margin-bottom: 30px; +} + .sc-languages-list { display: flex; flex-wrap: wrap; @@ -276,25 +297,20 @@ vertical-align: middle; } -.sc-languages-container h3, .sc-languages-container a { - color: #fff; + color: var(--sonarcloudBlack700); + border-bottom-color: var(--sonarcloudBlack300); } -.sc-page .white { - color: #fff !important; +.sc-languages-container a:hover { + color: var(--sonarcloudBlack900); + border-bottom-color: var(--sonarcloudBlack900); } -.sc-page h4 span { - font-family: var(--sonarcloudFontFamily); - font-size: 32px; -} - -.sc-page a.show-more { +.sc-languages-container a.show-more { display: inline-block; - font-family: var(--sonarcloudFontFamily); - color: #fff; font-weight: 700; + font-family: var(--sonarcloudFontFamily); line-height: 33px; font-size: 36px; border: none; @@ -303,8 +319,18 @@ width: 50px; } -.sc-page a.show-more:hover { +.sc-languages-container a.show-more:hover { background: var(--sonarcloudBlack700); + color: var(--sonarcloudBlack100); +} + +.sc-page .white { + color: var(--sonarcloudBlack100) !important; +} + +.sc-page h4 span { + font-family: var(--sonarcloudFontFamily); + font-size: 32px; } .sc-pricing-free { @@ -334,7 +360,7 @@ .sc-pricing-privacy ul li, .sc-pricing-privacy em { - color: #fff; + color: var(--sonarcloudBlack100); } .sc-pricing-free ul li em { @@ -347,7 +373,7 @@ position: absolute; border-radius: 7px; background: linear-gradient(214deg, var(--sonarcloudBlack700) 0%, var(--sonarcloudBlack800) 100%); - color: #fff; + color: var(--sonarcloudBlack100); width: 350px; right: -70px; top: -20px; @@ -359,7 +385,7 @@ } .sc-pricing-privacy a { - color: #fff; + color: var(--sonarcloudBlack100); } .sc-pricing-privacy .starts-at { @@ -372,7 +398,7 @@ a.sc-orange-button { display: inline-block; background-color: var(--sonarcloudOrange500); - color: #fff; + color: var(--sonarcloudBlack100); font-size: 18px; font-weight: 700; padding: 0 15px; @@ -384,7 +410,7 @@ a.sc-orange-button { } a.sc-orange-button:hover { - color: #fff; + color: var(--sonarcloudBlack100); background-color: var(--sonarcloudOrange700); } -- 2.39.5