sindresorhus/refined-github

pin/unpin issue button layout broken #3298

miyataka posted onGitHub

  1. Include a full URL where the bug appears.

https://github.com/miyataka/fcmpush/issues/12 or some your own issue URL.

  1. Include a screenshot/gif
  • when disabled refined-github image

  • when enabled refined-github

    • some error occuered image
    • and here layout is broken image

some version info image image

posted by miyataka almost 5 years ago

The selector needs to be made more specific

posted by fregante almost 5 years ago
posted by kidonng almost 5 years ago

Culprit:

That's the base of the feature, it can't be changed. Are there any floats that are pushing that down? Maybe the title just needs a max-width

posted by fregante almost 5 years ago

Are there any floats that are pushing that down

You are right: image

So basically change:

[action$='unpin'] svg {
        margin-left: -10px;
        margin-right: 10px !important;
    }

to:

.pinned-issue-item form button {
  float: unset !important;
  margin-left: -10px;
  margin-right: 2px !important;
}
posted by kidonng almost 5 years ago

Fund this Issue

$0.00
Funded

Pull requests