infrastructure/blender-org
5
4
Fork 1
Code Issues 16 Pull Requests Projects Releases Wiki Activity

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

New Issue
Closed
opened 2019-12-02 14:47:18 +01:00 by Kai Müri · 9 comments
Kai Müri commented 2019-12-02 14:47:18 +01:00
Copy Link

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
Author
Copy Link

Added subscriber: @kaimueri

Added subscriber: @kaimueri
Kai Müri commented 2019-12-02 14:53:08 +01:00
Author
Copy Link

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

rocket_fixed.svg

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
Copy Link

Added subscribers: @pablovazquez, @lichtwerk

Added subscribers: @pablovazquez, @lichtwerk
Philipp Oeser commented 2019-12-03 10:12:26 +01:00
Copy Link

Thx for this!

CC @pablovazquez

Thx for this! CC @pablovazquez
Yevgeny Makarov commented 2020-09-11 11:16:52 +02:00
Copy Link

Added subscriber: @jenkm

Added subscriber: @jenkm
Yevgeny Makarov commented 2020-09-11 11:16:52 +02:00
Copy Link

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
Copy Link

This issue was referenced by 29443ac123

This issue was referenced by 29443ac123636f71f9f480b10c2cd1aef79719c0
Pablo Vazquez commented 2022-03-22 11:39:18 +01:00
Owner
Copy Link

Changed status from 'Confirmed' to: 'Resolved'

Changed status from 'Confirmed' to: 'Resolved'
Pablo Vazquez self-assigned this 2022-03-22 11:39:18 +01:00
Pablo Vazquez commented 2022-03-22 11:41:24 +01:00
Owner
Copy Link

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 Branch/Tag Specified
Branches Tags
Labels
Clear labels   
legacy module
Rendering & Cycles

  
legacy module
User Interface

  
legacy project
Cycles

  
legacy project
Documentation

  
legacy project
Infrastructure: blender.org

  
legacy project
Infrastructure: Blender Web Assets

  
legacy project
Infrastructure: Websites

  
legacy project
User Interface

  
Priority
High

  
Priority
Low

  
Priority
Normal

  
Priority
Unbreak Now!

  
Status
Archived

  
Status
Confirmed

  
Status
Duplicate

  
Status
Needs Triage

  
Status
Resolved

  
Type
Bug

  
Type
Design

  
Type
Known Issue

  
Type
Report

  
Type
To Do

No Label
legacy module
Rendering & Cycles
legacy module
User Interface
legacy project
Cycles
legacy project
Documentation
legacy project
Infrastructure: blender.org
legacy project
Infrastructure: Blender Web Assets
legacy project
Infrastructure: Websites
legacy project
User Interface
Priority
High
Priority
Low
Priority
Normal
Priority
Unbreak Now!
Status
Archived
Status
Confirmed
Status
Duplicate
Status
Needs Triage
Status
Resolved
Type
Bug
Type
Design
Type
Known Issue
Type
Report
Type
To Do
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
Pablo Vazquez
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
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?