Skip to content

Commit a70b396

Browse files
ryuyuryuyu
authored
Enable scrollbar on cert table only. (#8340)
1 parent 3ca24ec commit a70b396

3 files changed

Lines changed: 36 additions & 28 deletions

File tree

‎src/Bootstrap/dist/css/bootstrap-theme.css‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/Bootstrap/less/theme/base.less‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -320,6 +320,10 @@ img.reserved-indicator-icon {
320320
margin-right: auto;
321321
}
322322

323+
.table-container {
324+
overflow-x: auto;
325+
}
326+
323327
.package-list {
324328
margin-top: 8px;
325329
margin-bottom: 8px;

‎src/NuGetGallery/Views/Shared/_AccountCertificates.cshtml‎

Lines changed: 29 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -78,37 +78,38 @@
7878

7979
<div data-bind="if: $data && $data.hasCertificates && $data.hasCertificates()">
8080
<div class="panel-collapse collapse in" aria-expanded="true">
81-
<table class="table" role="list">
82-
<thead>
83-
<tr class="manage-certificate-headings">
84-
<th>Fingerprint (SHA-256)</th>
85-
<th>Subject</th>
86-
<th>Expiration</th>
87-
<th>Issuer</th>
88-
<th><span class="hidden">Icon</span></th>
89-
</tr>
90-
</thead>
91-
<tbody data-bind="foreach: $data.certificates">
92-
<tr class="manage-certificate-listing" role="listitem">
93-
<td><samp class="small-fingerprint break-word" data-bind="text: Thumbprint"></samp></td>
94-
<td data-bind="text: ShortSubject, attr: { title: Subject }"></td>
95-
<td data-bind="text: ExpirationDisplay, attr: {
81+
<div class="table-container">
82+
<table class="table" role="list">
83+
<thead>
84+
<tr class="manage-certificate-headings">
85+
<th>Fingerprint (SHA-256)</th>
86+
<th>Subject</th>
87+
<th>Expiration</th>
88+
<th>Issuer</th>
89+
<th><span class="hidden">Icon</span></th>
90+
</tr>
91+
</thead>
92+
<tbody data-bind="foreach: $data.certificates">
93+
<tr class="manage-certificate-listing" role="listitem">
94+
<td><samp class="small-fingerprint break-word" data-bind="text: Thumbprint"></samp></td>
95+
<td data-bind="text: ShortSubject, attr: { title: Subject }"></td>
96+
<td data-bind="text: ExpirationDisplay, attr: {
9697
title: IsExpired ? 'This certificate\'s expiration date is in the past. Future packages signed with this certificate will fail validation. Upload a renewed certificate to enable signed package uploads.' : ExpirationIso,
9798
class: IsExpired ? 'expired-certificate' : ''
9899
}">
99-
</td>
100-
<td data-bind="text: ShortIssuer, attr: { title: Issuer }"></td>
101-
<td class="text-right align-middle package-controls">
102-
<span data-bind="visible: CanDelete">
103-
<a class="btn" title="Delete certificate" tabindex="0" data-bind="attr: { 'data-href': DeleteUrl, 'aria-label': 'Delete certificate' }, click: $parent.deleteCertificate">
104-
<i class="ms-Icon ms-Icon--Delete" aria-hidden="true"></i>
105-
</a>
106-
</span>
107-
</td>
108-
</tr>
109-
</tbody>
110-
</table>
111-
100+
</td>
101+
<td data-bind="text: ShortIssuer, attr: { title: Issuer }"></td>
102+
<td class="text-right align-middle package-controls">
103+
<span data-bind="visible: CanDelete">
104+
<a class="btn" title="Delete certificate" tabindex="0" data-bind="attr: { 'data-href': DeleteUrl, 'aria-label': 'Delete certificate' }, click: $parent.deleteCertificate">
105+
<i class="ms-Icon ms-Icon--Delete" aria-hidden="true"></i>
106+
</a>
107+
</span>
108+
</td>
109+
</tr>
110+
</tbody>
111+
</table>
112+
</div>
112113
<p>
113114
The SHA-256 fingerprint can be found by calculating the SHA-256 hash of the DER encoded
114115
certificate file (.cer). The fingerprint should be hex-encoded. This can be done with a variety

0 commit comments

Comments
 (0)