the in-progress icon float layer out

[marslo]

Jenkins version: 2.284/2.283
simple theme plugin version: 0.6
material theme: 0.3.2

The running icon shows up:

after using Jenkins default theme:

[starwarsfan]

Second that, same here.

[Smasherr]

@starwarsfan I thought it was a feature 🤣

[mit4ever]

Metoo, maybe problem is jenkins

[marslo]

Metoo, maybe problem is jenkins

Jenkins default theme works well with the "in progress" status icon. So that quite unlikely is the issue of Jenkins.

[mit4ever]

Metoo, có thể vấn đề là jenkins

Chủ đề mặc định của Jenkins hoạt động tốt với biểu tượng đang chạy. Vì vậy, điều đó khá khó xảy ra là vấn đề của Jenkins.

I agree. Used to be fine but when I recently updated jenkins there was a problem with icon

[marslo]

well... I've using workaround bypass the issue :

svg[class*=anime] { visibility: collapse }

btw, using hidden as the same as the collapse.

Details:

it can be setup in Jenkins via:

[Smasherr]

Nice job @marslo! Would be cool to see a PR for this

[marslo]

Nice job @marslo! Would be cool to see a PR for this

this is actually the workaround, just hidden the overlayer svg image...

[fguillotpro]

Still happening with Jenkins 2.293 and jenkins-material-theme.css v.1.3.3, any news on that matter? Thanks

[eplodn]

Implemented the workaround (thanks @marslo !) but it would be great if @afonsof or somebody could fix the underlying issue.

[offa]

Related Jenkins Issue: JENKINS-65808

[offa]

The issue has hit other themes too: TobiX/jenkins-neo2-theme#40

[pboiseau]

Hello, thank you for the workaround.

If anyone want to set up it using groovy script, here is the script I use

import jenkins.model.Jenkins
import org.jenkinsci.plugins.simpletheme.CssUrlThemeElement
import org.jenkinsci.plugins.simpletheme.CssTextThemeElement

Jenkins jenkins = Jenkins.get()

def themeDecorator = jenkins.getExtensionList(org.codefirst.SimpleThemeDecorator.class).first()

themeDecorator.setElements([
        new CssUrlThemeElement('https://cdn.rawgit.com/afonsof/jenkins-material-theme/gh-pages/dist/material-indigo.css'),
        // fix jenkins theme issue https://github.com/afonsof/jenkins-material-theme/issues/183#issuecomment-806518351
        new CssTextThemeElement('svg[class*=anime] { visibility: collapse }')
])

jenkins.save()

[abstract-entity]

well... I've using workaround bypass the issue :

svg[class*=anime] { visibility: collapse }

btw, using hidden as the same as the collapse.

Details:

it can be setup in Jenkins via:

Thanks, it do the job

[jiuhuche120]

ths