IssueHuntsindresorhus/refined-github
The issue has been closed
Wrong position of Sort button on Security Alert page #2888
kidonng posted onGitHub
The following two rules positioned the Sort button on Security Alert page on the wrong place:
- https://github.com/sindresorhus/refined-github/blob/e7f3bc26c3e4673f190772e816236ecb11639c33/source/content.css#L20-L24
- https://github.com/sindresorhus/refined-github/blob/e7f3bc26c3e4673f190772e816236ecb11639c33/source/content.css#L31-L34
When Refined GitHub is disabled:
Since the Security Alert page cannot be accessed by others, I can only provide the markup of .repository-content:
<div class="repository-content ">
<div class="d-flex flex-column flex-md-row px-md-2 mt-md-1 clearfix">
<div class="d-none d-md-block col-3 pr-4 flex-shrink-0">
<nav class="menu" aria-label="Security" data-pjax="">
<a class="js-selected-navigation-item selected menu-item" aria-current="page" data-selected-links="alerts /kidonng/readhub/network/alerts" href="/kidonng/readhub/network/alerts">Alerts</a>
<a class="js-selected-navigation-item menu-item" data-selected-links="security /kidonng/readhub/security/advisories" href="/kidonng/readhub/security/advisories">Advisories</a>
<a class="js-selected-navigation-item menu-item" data-selected-links="policy /kidonng/readhub/security/policy" href="/kidonng/readhub/security/policy">Policy</a>
</nav>
</div>
<div class="col-12 d-md-none flex-shrink-0 mt-n4">
<nav class="UnderlineNav" aria-label="Security" data-pjax="">
<div class="UnderlineNav-body">
<a class="js-selected-navigation-item selected UnderlineNav-item flex-shrink-0" aria-current="page" data-selected-links="alerts /kidonng/readhub/network/alerts" href="/kidonng/readhub/network/alerts">
Alerts
</a>
<a class="js-selected-navigation-item UnderlineNav-item flex-shrink-0" data-selected-links="security /kidonng/readhub/security/advisories" href="/kidonng/readhub/security/advisories">
Advisories
</a>
<a class="js-selected-navigation-item UnderlineNav-item flex-shrink-0" data-selected-links="policy /kidonng/readhub/security/policy" href="/kidonng/readhub/security/policy">
Policy
</a>
</div>
</nav>
</div>
<div class="col-12 col-md-9 px-3 pt-3 pt-md-0 px-md-0">
<div id="dependencies">
<div class="Subhead border-bottom-0 border-md-bottom mb-0 mb-md-3 pb-3 pb-md-2 flex-justify-end flex-column flex-md-row">
<h2 class="Subhead-heading d-none d-md-block">Security Alerts</h2>
<details class="select-menu details-reset details-overlay flex-self-stretch flex-md-self-center mb-2 mb-md-0 mr-md-2">
<summary class="btn btn-sm select-menu-button width-full text-center" aria-haspopup="menu" role="button">
<span class="pr-1" data-menu-button="">
Automated security updates
</span>
</summary>
<details-menu class="select-menu-modal position-absolute" style="z-index: 99;" role="menu">
<div class="select-menu-list">
<div class="select-menu-header">
<span class="select-menu-title">Settings</span>
</div>
<!-- '"` --><!-- </textarea></xmp> --><form action="/kidonng/readhub/network/dependencies/vulnerabilities/disable_updates" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="***">
<button type="submit" class="select-menu-item width-full" role="menuitemradio" aria-checked="true">
<svg class="octicon octicon-check select-menu-item-icon mt-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
<div class="select-menu-item-text">
<span class="select-menu-item-heading" data-menu-button-text="">Automated security updates</span>
<span class="description">Receive automated pull request updates
for vulnerable dependencies</span>
</div>
</button>
</form> </div>
</details-menu>
</details>
<details class="dropdown details-reset details-overlay flex-self-stretch flex-md-self-center">
<summary class="btn btn-sm width-full text-center" aria-haspopup="true">
Dismiss all
<div class="dropdown-caret"></div>
</summary>
<ul class="dropdown-menu dropdown-menu-sw" style="width:270px">
<li>
<!-- '"` --><!-- </textarea></xmp> --><form class="" method="post" action="/kidonng/readhub/network/dependencies/alerts/dismiss?reason=Dismiss+all%3A+A+fix+has+already+been+started"><input type="hidden" name="_method" value="put"><input class="btn-link dropdown-item text-small" data-confirm="This action cannot be undone. Are you sure you want to dismiss 2 alerts?" type="submit" value="A fix has already been started"><input type="hidden" name="authenticity_token" value="***"></form>
</li>
<li>
<!-- '"` --><!-- </textarea></xmp> --><form class="" method="post" action="/kidonng/readhub/network/dependencies/alerts/dismiss?reason=Dismiss+all%3A+No+bandwidth+to+fix+this"><input type="hidden" name="_method" value="put"><input class="btn-link dropdown-item text-small" data-confirm="This action cannot be undone. Are you sure you want to dismiss 2 alerts?" type="submit" value="No bandwidth to fix this"><input type="hidden" name="authenticity_token" value="***"></form>
</li>
<li>
<!-- '"` --><!-- </textarea></xmp> --><form class="" method="post" action="/kidonng/readhub/network/dependencies/alerts/dismiss?reason=Dismiss+all%3A+Risk+is+tolerable+to+this+project"><input type="hidden" name="_method" value="put"><input class="btn-link dropdown-item text-small" data-confirm="This action cannot be undone. Are you sure you want to dismiss 2 alerts?" type="submit" value="Risk is tolerable to this project"><input type="hidden" name="authenticity_token" value="***"></form>
</li>
<li>
<!-- '"` --><!-- </textarea></xmp> --><form class="" method="post" action="/kidonng/readhub/network/dependencies/alerts/dismiss?reason=Dismiss+all%3A+Vulnerable+code+is+not+actually+used"><input type="hidden" name="_method" value="put"><input class="btn-link dropdown-item text-small" data-confirm="This action cannot be undone. Are you sure you want to dismiss 2 alerts?" type="submit" value="Vulnerable code is not actually used"><input type="hidden" name="authenticity_token" value="***"></form>
</li>
<li class="dropdown-divider" role="none"></li>
<li>
<a class="dropdown-item text-small" href="/kidonng/readhub/settings">Manage repository vulnerability settings</a>
</li>
<li>
<a class="dropdown-item text-small" href="/settings/notifications">Manage account notification settings</a>
</li>
</ul>
</details>
</div>
</div>
<div class="table-list-header mt-0">
<div class="table-list-filters">
<div class="table-list-header-toggle states float-left pl-3">
<a href="/kidonng/readhub/network/alerts?q=is%3Aopen" class="btn-link selected">
<svg class="octicon octicon-alert" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 000 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 00.01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg>
2 Open
</a>
<a href="/kidonng/readhub/network/alerts?q=is%3Aclosed" class="btn-link ">
<svg class="octicon octicon-check" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
0 Closed
</a>
</div>
<div class="table-list-header-toggle float-right">
<details class="details-reset details-overlay select-menu float-left">
<summary class="btn-link select-menu-button" aria-haspopup="menu" role="button">
Sort
</summary>
<details-menu class="select-menu-modal position-absolute right-0" style="z-index: 99;" aria-label="Sort by" role="menu">
<div class="select-menu-header">
<span class="select-menu-title">Sort by</span>
</div>
<div class="select-menu-list">
<a href="/kidonng/readhub/network/alerts?q=is%3Aopen+sort%3Anewest" class="select-menu-item" aria-checked="true" role="menuitemradio">
<svg class="octicon octicon-check select-menu-item-icon" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
<div class="select-menu-item-text">Newest</div>
</a>
<a href="/kidonng/readhub/network/alerts?q=is%3Aopen+sort%3Aoldest" class="select-menu-item" aria-checked="false" role="menuitemradio">
<svg class="octicon octicon-check select-menu-item-icon" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
<div class="select-menu-item-text">Oldest</div>
</a>
<a href="/kidonng/readhub/network/alerts?q=is%3Aopen+sort%3Aseverity" class="select-menu-item" aria-checked="false" role="menuitemradio">
<svg class="octicon octicon-check select-menu-item-icon" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
<div class="select-menu-item-text">Severity</div>
</a>
<a href="/kidonng/readhub/network/alerts?q=is%3Aopen+sort%3Amanifest-path" class="select-menu-item" aria-checked="false" role="menuitemradio">
<svg class="octicon octicon-check select-menu-item-icon" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
<div class="select-menu-item-text">Manifest path</div>
</a>
<a href="/kidonng/readhub/network/alerts?q=is%3Aopen+sort%3Apackage-name" class="select-menu-item" aria-checked="false" role="menuitemradio">
<svg class="octicon octicon-check select-menu-item-icon" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"></path></svg>
<div class="select-menu-item-text">Package name</div>
</a>
</div>
</details-menu>
</details>
</div>
</div>
</div>
<div class="border-right border-bottom border-left">
<ul>
<li class="Box-row Box-row--focus-gray p-0 selectable read">
<div class="d-flex Box-row--drag-hide position-relative">
<div class="flex-shrink-0 pt-2 pl-3">
<span class="tooltipped tooltipped-n" aria-label="Open alert">
<svg class="octicon octicon-alert open" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 000 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 00.01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg>
</span>
</div>
<div class="d-flex flex-column flex-auto p-2 pr-3 min-width-0 lh-condensed">
<div class="d-flex flex-column flex-md-row lh-condensed flex-auto min-width-0">
<a href="/kidonng/readhub/network/alert/yarn.lock/minimist/open" class="link-gray-dark no-underline h4 flex-auto min-width-0">
minimist
</a>
<div class="pl-md-2 pt-2 pt-md-0 flex-shrink-0">
<span class="Label alert-label--moderate p-1">moderate severity</span>
</div>
</div>
<div class="d-flex flex-wrap text-small text-gray">
<span class="pr-3 pt-2">
<svg class="octicon octicon-calendar mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M13 2h-1v1.5c0 .28-.22.5-.5.5h-2c-.28 0-.5-.22-.5-.5V2H6v1.5c0 .28-.22.5-.5.5h-2c-.28 0-.5-.22-.5-.5V2H2c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h11c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 12H2V5h11v9zM5 3H4V1h1v2zm6 0h-1V1h1v2zM6 7H5V6h1v1zm2 0H7V6h1v1zm2 0H9V6h1v1zm2 0h-1V6h1v1zM4 9H3V8h1v1zm2 0H5V8h1v1zm2 0H7V8h1v1zm2 0H9V8h1v1zm2 0h-1V8h1v1zm-8 2H3v-1h1v1zm2 0H5v-1h1v1zm2 0H7v-1h1v1zm2 0H9v-1h1v1zm2 0h-1v-1h1v1zm-8 2H3v-1h1v1zm2 0H5v-1h1v1zm2 0H7v-1h1v1zm2 0H9v-1h1v1z"></path></svg>
<relative-time datetime="2020-03-14 14:13:51 +0800" class="no-wrap" title="2020εΉ΄3ζ14ζ₯ GMT+8 δΈε2:13">3 hours ago</relative-time>
by
<a class="muted-link" href="https://github.com/github">GitHub</a>
</span>
<span class="pr-3 pt-2 min-width-0">
<a class="muted-link" href="/kidonng/readhub/blob/master/yarn.lock">
<svg class="octicon octicon-file-code float-left mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.5 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V4.5L8.5 1zM11 14H1V2h7l3 3v9zM5 6.98L3.5 8.5 5 10l-.5 1L2 8.5 4.5 6l.5.98zM7.5 6L10 8.5 7.5 11l-.5-.98L8.5 8.5 7 7l.5-1z"></path></svg>
yarn.lock
</a> </span>
</div>
</div>
</div>
</li>
<li class="Box-row Box-row--focus-gray p-0 selectable read">
<div class="d-flex Box-row--drag-hide position-relative">
<div class="flex-shrink-0 pt-2 pl-3">
<span class="tooltipped tooltipped-n" aria-label="Open alert">
<svg class="octicon octicon-alert open" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 000 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 00.01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg>
</span>
</div>
<div class="d-flex flex-column flex-auto p-2 pr-3 min-width-0 lh-condensed">
<div class="d-flex flex-column flex-md-row lh-condensed flex-auto min-width-0">
<a href="/kidonng/readhub/network/alert/yarn.lock/acorn/open" class="link-gray-dark no-underline h4 flex-auto min-width-0">
acorn
</a>
<div class="pl-md-2 pt-2 pt-md-0 flex-shrink-0">
<span class="Label alert-label--moderate p-1">moderate severity</span>
</div>
</div>
<div class="d-flex flex-wrap text-small text-gray">
<span class="pr-3 pt-2">
<svg class="octicon octicon-calendar mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M13 2h-1v1.5c0 .28-.22.5-.5.5h-2c-.28 0-.5-.22-.5-.5V2H6v1.5c0 .28-.22.5-.5.5h-2c-.28 0-.5-.22-.5-.5V2H2c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h11c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 12H2V5h11v9zM5 3H4V1h1v2zm6 0h-1V1h1v2zM6 7H5V6h1v1zm2 0H7V6h1v1zm2 0H9V6h1v1zm2 0h-1V6h1v1zM4 9H3V8h1v1zm2 0H5V8h1v1zm2 0H7V8h1v1zm2 0H9V8h1v1zm2 0h-1V8h1v1zm-8 2H3v-1h1v1zm2 0H5v-1h1v1zm2 0H7v-1h1v1zm2 0H9v-1h1v1zm2 0h-1v-1h1v1zm-8 2H3v-1h1v1zm2 0H5v-1h1v1zm2 0H7v-1h1v1zm2 0H9v-1h1v1z"></path></svg>
<relative-time datetime="2020-03-14 06:16:16 +0800" class="no-wrap" title="2020εΉ΄3ζ14ζ₯ GMT+8 δΈε6:16">11 hours ago</relative-time>
by
<a class="muted-link" href="https://github.com/github">GitHub</a>
</span>
<span class="pr-3 pt-2 min-width-0">
<a class="muted-link" href="/kidonng/readhub/blob/master/yarn.lock">
<svg class="octicon octicon-file-code float-left mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.5 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V4.5L8.5 1zM11 14H1V2h7l3 3v9zM5 6.98L3.5 8.5 5 10l-.5 1L2 8.5 4.5 6l.5.98zM7.5 6L10 8.5 7.5 11l-.5-.98L8.5 8.5 7 7l.5-1z"></path></svg>
yarn.lock
</a> </span>
<span class="pr-3 pt-2 min-width-0" data-issue-and-pr-hovercards-enabled="">
<a class="muted-link" data-hovercard-type="pull_request" data-hovercard-url="/kidonng/readhub/pull/83/hovercard" href="/kidonng/readhub/pull/83">
<svg class="octicon octicon-git-pull-request float-left mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0010 15a1.993 1.993 0 001-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 00-1 3.72v6.56A1.993 1.993 0 002 15a1.993 1.993 0 001-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
#83
</a> </span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="paginate-container">
</div>
<div class="protip">
<p>GitHub tracks known security vulnerabilities in some dependency manifest files. <a href="https://help.github.com/articles/about-security-alerts-for-vulnerable-dependencies" target="_blank">Learn more about security alerts.</a></p>
</div>
</div>
</div>
</div>