Any idea on how to fix this cosmetic skin issue?

[Kirill N]

In topic view, when you click "Start new topic" or "Moderation actions" (if you are a mod), the button moves up and right by 1 pixel. Any idea what this is and how to fix it?

[Meddysong]

That's not a mistake, is it? It seems to me that it's a deliberate effect to register visually that you've just clicked it. I like it and wouldn't want to fix it

[Alexander V]

Odd, in Chrome with Grid View enabled on this community that doesn't seem to happen for me. mm. Imma try other stuff

 

 

Edit: Gridview on and off doesnt change anything as you'd expect (though oddly it seems it made a no picture icon appear as my avatar and your, guessing theyre doing upgrades or some stuff). Ill try other browsers in a bit, I want to see this myself :P

[Kirill N]

That's not a mistake, is it? It seems to me that it's a deliberate effect to register visually that you've just clicked it. I like it and wouldn't want to fix it

​I'm making a custom theme and for some reason with that button, everything else that comes after it moves up by a pixel. So I have to fix it

This wasn't an issue in early betas btw, so they must have added it recently.

Odd, in Chrome with Grid View enabled on this community that doesn't seem to happen for me. mm. Imma try other stuff

​Talking about topic view.

[Kirill N]

Found it!

	.ipsApp .ipsButton_link:active {
		border: 0;
		box-shadow: none;
		background-image: none;
	}

Removing this code from buttons.css solves the issue.

[Meddysong]

It seems that there's a very slight border of 1px on it:

.ipsApp .ipsButton_link{
	background:transparent;
	color:inherit;
	border:1px solid transparent;
	font-weight:normal;
}

But when it's in its active state, that border disappears:

.ipsApp .ipsButton_link:active{
	border:0;
	box-shadow:none;
	background-image:none;
}

If you give it a transparent border of 1px, it will no longer move.

[Kirill N]

It seems that there's a very slight border of 1px on it:

.ipsApp .ipsButton_link{
	background:transparent;
	color:inherit;
	border:1px solid transparent;
	font-weight:normal;
}

But when it's in its active state, that border disappears:

.ipsApp .ipsButton_link:active{
	border:;
	box-shadow:none;
	background-image:none;
}

If you give it a transparent border of 1px, it will no longer move.

​Thanks so much for taking time to look into this!

[DesignzShop]

Be a good one for someone to look into at the tracker? Personally like to see this added if possible