SVG rocket graphic, cosmetic bug on the download site blender.org #72116

New Issue

Kai Müri · 2019-12-02T14:47:18+01:00

Kai Müri commented

2019-12-02 14:47:18 +01:00

System Information
Operating system: Darwin-17.7.0-x86_64-i386-64bit 64 Bits
Graphics card: AMD Radeon HD - FirePro D500 OpenGL Engine ATI Technologies Inc. 4.1 ATI-1.68.24

Blender Version
Broken: version: 2.81 (sub 16), branch: master, commit date: 2019-11-20 14:27, hash: blender/blender@26bd5ebd42
Worked: (optional)

Short description of error
It's just a cosmetic bug on the website, but it bothers me every time I click on the experimental build link.
More precisely, it's about the rocket SVG graphic on the bottom of the site: https://www.blender.org/download

On a mouseover the SVG changes it's opacity from 0.5 to 1 but how the SVG is drawn, it's overlapping itself.

.dl-bleeding-icon svg {
    display: block;
    fill: rgba(255,255,255,0.5);
    margin: auto;
    -webkit-transition: -webkit-transform 250ms ease-out;
    transition: -webkit-transform 250ms ease-out;
    -o-transition: transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
}

{F8185038, size=full}

**System Information** Operating system: Darwin-17.7.0-x86_64-i386-64bit 64 Bits Graphics card: AMD Radeon HD - FirePro [D500](https://archive.blender.org/developer/D500) OpenGL Engine ATI Technologies Inc. 4.1 ATI-1.68.24 **Blender Version** Broken: version: 2.81 (sub 16), branch: master, commit date: 2019-11-20 14:27, hash: `blender/blender@26bd5ebd42` Worked: (optional) **Short description of error** It's just a cosmetic bug on the website, but it bothers me every time I click on the experimental build link. More precisely, it's about the rocket SVG graphic on the bottom of the site: https://www.blender.org/download On a mouseover the SVG changes it's opacity from 0.5 to 1 but how the SVG is drawn, it's overlapping itself. ``` .dl-bleeding-icon svg { display: block; fill: rgba(255,255,255,0.5); margin: auto; -webkit-transition: -webkit-transform 250ms ease-out; transition: -webkit-transform 250ms ease-out; -o-transition: transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; } ``` {[F8185038](https://archive.blender.org/developer/F8185038/svg_bug.jpg), size=full}

Kai Müri commented

2019-12-02 14:47:18 +01:00

Added subscriber: @kaimueri

Kai Müri commented

2019-12-02 14:53:08 +01:00

I edited the SVG file that it's not overlapping any more.

I edited the SVG file that it's not overlapping any more. ![rocket_fixed.svg](https://archive.blender.org/developer/F8185049/rocket_fixed.svg)

Philipp Oeser commented

2019-12-03 10:12:26 +01:00

Added subscribers: @pablovazquez, @lichtwerk

Philipp Oeser commented

2019-12-03 10:12:26 +01:00

Thx for this!

CC @pablovazquez

Thx for this! CC @pablovazquez

Yevgeny Makarov commented

2020-09-11 11:16:52 +02:00

Added subscriber: @jenkm

Yevgeny Makarov commented

2020-09-11 11:16:52 +02:00

Just use opacity instead of changing fill.

lang=css
svg {
  fill: white;
  opacity: 0.5;
}
svg:hover {
  opacity: 1;
}

Just use `opacity` instead of changing `fill`. ``` lang=css svg { fill: white; opacity: 0.5; } svg:hover { opacity: 1; } ```

blender-admin commented

2022-03-22 11:38:35 +01:00

This issue was referenced by 29443ac123

This issue was referenced by 29443ac123636f71f9f480b10c2cd1aef79719c0

Pablo Vazquez commented

2022-03-22 11:39:18 +01:00

Changed status from 'Confirmed' to: 'Resolved'

Pablo Vazquez closed this issue

2022-03-22 11:39:18 +01:00

Pablo Vazquez self-assigned this 2022-03-22 11:39:18 +01:00

Pablo Vazquez commented

2022-03-22 11:41:24 +01:00

Thanks for working on this!

It's fixed now in production at https://www.blender.org/download/
I went with the simpler solution by @jenkm (thanks!)

Thanks for working on this! It's fixed now in production at https://www.blender.org/download/ I went with the simpler solution by @jenkm (thanks!)

Sign in to join this conversation.

No Milestone

No project

No Assignees

5 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: infrastructure/blender-org#72116

Download

What's New

Blender Studio

Manual

Developers Blog

Documentation

Benchmark

Blender Conference

Development Fund

One-time Donations

SVG rocket graphic, cosmetic bug on the download site blender.org #72116