Jump to content

Any idea on how to fix this cosmetic skin issue?

Featured Replies

Posted

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?

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 :)

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

 

 

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

  • Author

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 :P

​Talking about topic view.

  • Author

Found it!

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

Removing this code from buttons.css solves the issue.

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.

  • Author

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!

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

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.