From c7cc8f6ff2d279aa0b7a51f86c2160589ef17fab Mon Sep 17 00:00:00 2001 From: Jason Robbins Date: Fri, 20 Oct 2023 11:11:21 -0700 Subject: [PATCH] Update BETA and DEV logos (#3435) --- .../chromedash-roadmap-milestone-card-css.js | 14 +- .../chromedash-roadmap-milestone-card.js | 9 +- client-src/elements/chromedash-roadmap.js | 2 + static/img/chrome_logo_beta.svg | 551 ------------------ static/img/chrome_logo_dev.svg | 544 ----------------- 5 files changed, 22 insertions(+), 1098 deletions(-) delete mode 100644 static/img/chrome_logo_beta.svg delete mode 100644 static/img/chrome_logo_dev.svg diff --git a/client-src/css/elements/chromedash-roadmap-milestone-card-css.js b/client-src/css/elements/chromedash-roadmap-milestone-card-css.js index 7ad93f90..9252ef29 100644 --- a/client-src/css/elements/chromedash-roadmap-milestone-card-css.js +++ b/client-src/css/elements/chromedash-roadmap-milestone-card-css.js @@ -87,10 +87,10 @@ export const ROADMAP_MILESTONE_CARD_CSS = [ margin-right: 8px; } .chrome_version--beta .chrome-logo { - background-image: url(/static/img/chrome_logo_beta.svg); + background-image: url(/static/img/chrome_logo.svg); } .chrome_version--dev .chrome-logo { - background-image: url(/static/img/chrome_logo_dev.svg); + background-image: url(/static/img/chrome_logo.svg); } .chrome_version--canary .chrome-logo { background-image: url(/static/img/chrome_logo_canary.svg); @@ -101,6 +101,16 @@ export const ROADMAP_MILESTONE_CARD_CSS = [ -webkit-filter: grayscale(1); filter: grayscale(1); } + .chrome-logo .channel-tag { + position: absolute; + right: 0; + top: 50%; + padding: 1px 2px; + font-size: 10px; + font-weight: bold; + color: white; + background: var(--md-gray-900-alpha); + } .release { padding: 16px; background: #fff; diff --git a/client-src/elements/chromedash-roadmap-milestone-card.js b/client-src/elements/chromedash-roadmap-milestone-card.js index fcab6a8f..d1712324 100644 --- a/client-src/elements/chromedash-roadmap-milestone-card.js +++ b/client-src/elements/chromedash-roadmap-milestone-card.js @@ -163,12 +163,19 @@ class ChromedashRoadmapMilestoneCard extends LitElement { // Starting with M110, display Early Stable Release dates. const stableStart = (this.channel.version >= 110) ? this.channel.final_beta : this.channel.stable_date; + const logo = html ` + + `; return html `

${this.templateContent.channelLabel}

- + ${logo} Chrome ${this.channel.version}

diff --git a/client-src/elements/chromedash-roadmap.js b/client-src/elements/chromedash-roadmap.js index ccfc3417..dfd4553f 100644 --- a/client-src/elements/chromedash-roadmap.js +++ b/client-src/elements/chromedash-roadmap.js @@ -25,12 +25,14 @@ const TEMPLATE_CONTENT = { beta: { channelLabel: 'Next up', h1Class: 'chrome_version--beta', + channelTag: 'BETA', dateText: 'between', featureHeader: 'Features planned in this release', }, dev: { channelLabel: 'Dev', h1Class: 'chrome_version--dev', + channelTag: 'DEV', dateText: 'coming', featureHeader: 'Features planned in this release', }, diff --git a/static/img/chrome_logo_beta.svg b/static/img/chrome_logo_beta.svg deleted file mode 100644 index d46a91e2..00000000 --- a/static/img/chrome_logo_beta.svg +++ /dev/null @@ -1,551 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/chrome_logo_dev.svg b/static/img/chrome_logo_dev.svg deleted file mode 100644 index 2c38be9c..00000000 --- a/static/img/chrome_logo_dev.svg +++ /dev/null @@ -1,544 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -