btn-outline-primary has a graphical bug

[Whisper40]

• [X ] I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• [X ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

It should be displayed correctly

Current Behavior

The color of the button is not complete

Failure Information (for bugs)

Code

<div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse0" aria-expanded="false" aria-controls="collapse0">
                      <h5 class="mb-0"><button type="button" class="btn btn-info">INFO</button><button type="button" class="btn btn-outline-primary">Change Log </button></h5>
                    </div>

[rarestoma]

Hi @Whisper40 ,

Thank you for working with our products.

I tested your code in one of the dashboard's cards and it works properly. Can you please me the full example or the page where did you try this so I can see clearly what happens?

Thank you,
Rares

[Whisper40]

Hello, this is the actual code : https://pastebin.com/2VezMXjQ

[Whisper40]

I have tested to add "V1" after "Change Log" in order to display "Change Log V1" and the bug doesn't appears.. Stranger Things..

[rarestoma]

Hi @Whisper40,

Thank you for providing us your code. I tested now at it seems to be from the 'will-change' function.

Please add these lines of code to your css:

[class*=btn-outline-] {
will-change: unset;
}

Please let me know if it works.

All the best,
Rares

[Whisper40]

I added you code to the argon.css (line 86).
I cleared my cache, but the problem persists if i only put " Change Log" on the button.

If i put your code in the php page with <style>..</style> it works !

Let me know what i'm doing wrong

[rarestoma]

Hi @Whisper40,

The css route point to argon.css? Can you please give me the header of your file to see the routes?

Thank you,
Rares