search

nathan-fiscaletti / TeamSpeak-Integration-Issue-Tracker

Issue tracker repository for the Invision Community TeamSpeak Integration Application
0 stars 0 forks source link

[BUG] Admin area app icon alignment issue #7

Closed tuuni closed 4 years ago

tuuni commented 4 years ago

Describe the bug Admin area app icon is not aligned correctly.

Here is the CSS selector: #acpAppList [data-tab="tab_ts3integration"] .acpAppList_icon { content: url(uploads/set_resources_1/b0cbd88…_teamspeak-brands.svg); width: 26px !important; height: 26px !important; **margin-left: 22px !important** }

Expected behavior Remove: margin-left: 22px !important Replace: margin: auto

Screenshot image

nathan-fiscaletti commented 4 years ago

What version of ICS are you running? And do you have any custom themes applied to ACP?

tuuni commented 4 years ago

I found an issue now. Spacious ACP app is interfering with your app.

This option creates the problem in ACP plugin: image

I turned it off and now there is no alignment issue, but i think if you add margin: auto to that css selector then both apps works without any styling issues.

nathan-fiscaletti commented 4 years ago

Have you tested using margin:auto; with spacious ACP disabled to make sure that will fix this? If so I'll make a hot fix and add it to the next version.

tuuni commented 4 years ago

Yes, i tested it like you asked. It's working fine. "margin: auto" gives equal spacing from left and right, that's one way to center things.

nathan-fiscaletti commented 4 years ago

This has been fixed and will be included in the v2.0.7 release.