Merge pull request #1489 from coreos-inc/prebox
Fix handling of large <pre>s in repository descriptions
This commit is contained in:
commit
718857287d
2 changed files with 61 additions and 35 deletions
|
@ -1,8 +1,3 @@
|
||||||
.repo-panel-info-element .right-controls {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.repo-panel-info-element .right-sec-controls {
|
.repo-panel-info-element .right-sec-controls {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
@ -49,7 +44,11 @@
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo-panel-info-element .right-controls .copy-box {
|
.repo-panel-info-element .right-pull-controls {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .right-pull-controls .copy-box {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
@ -87,16 +86,41 @@
|
||||||
padding-top: 18px;
|
padding-top: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .description-container table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .description-container table td {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .description-container table td:first-child {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .description-container table td:first-child p {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .description-container table td:first-child pre {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.repo-panel-info-element .description {
|
.repo-panel-info-element .description {
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 410px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.repo-panel-info-element .description {
|
.repo-panel-info-element .description {
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.repo-panel-info-element .description-container table td:first-child {
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo-panel-info-element .description p {
|
.repo-panel-info-element .description p {
|
||||||
|
|
|
@ -62,37 +62,39 @@
|
||||||
|
|
||||||
<!-- Repository Description -->
|
<!-- Repository Description -->
|
||||||
<div class="description-container">
|
<div class="description-container">
|
||||||
|
<table class="co-fixed-table">
|
||||||
<!-- Pull Controls -->
|
<tr>
|
||||||
<div class="right-controls hidden-sm hidden-xs">
|
<td>
|
||||||
<div class="right-pull-controls">
|
<h4 style="font-size:20px;">Description</h4>
|
||||||
<div>Pull this container with the following Docker command:</div>
|
<div class="description markdown-input"
|
||||||
<div class="copy-box" hovering-message="true" value="pullCommand"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="right-sec-controls" quay-show="repository.can_admin && Features.SECURITY_SCANNER">
|
|
||||||
<span class="sec-logo">
|
|
||||||
<img class="lock" src="/static/img/lock.svg">
|
|
||||||
<img class="scan" src="/static/img/scan.svg">
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<b>Automated Security Scanning (Preview)</b>
|
|
||||||
<div>Continually scanning this repository for 17K+ known vulnerabilities. <a href="https://blog.quay.io/security-scanning-beta" ng-safenewtab>Read more about this feature</a>.</div>
|
|
||||||
<div class="configure-alerts" ng-if="!hasEvents">
|
|
||||||
<a href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=settings&add_event=vulnerability_found"><i class="fa fa-bell-o"></i>Configure Vulnerability Alerts</a>
|
|
||||||
</div>
|
|
||||||
<div class="repository-events-summary" is-enabled="repository.can_admin" repository="repository"
|
|
||||||
event-filter="vulnerability_found" has-events="hasEvents"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h4 style="font-size:20px;">Description</h4>
|
|
||||||
|
|
||||||
<div class="description markdown-input"
|
|
||||||
content="repository.description"
|
content="repository.description"
|
||||||
can-write="repository.can_write"
|
can-write="repository.can_write"
|
||||||
content-changed="updateDescription"
|
content-changed="updateDescription"
|
||||||
field-title="'repository description'">
|
field-title="'repository description'">
|
||||||
</div>
|
</div>
|
||||||
|
</td>
|
||||||
|
<td style="width: 400px;" class="hidden-xs hidden-sm">
|
||||||
|
<div class="right-pull-controls">
|
||||||
|
<div>Pull this container with the following Docker command:</div>
|
||||||
|
<div class="copy-box" hovering-message="true" value="pullCommand"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-sec-controls" quay-show="repository.can_admin && Features.SECURITY_SCANNER">
|
||||||
|
<span class="sec-logo">
|
||||||
|
<img class="lock" src="/static/img/lock.svg">
|
||||||
|
<img class="scan" src="/static/img/scan.svg">
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<b>Automated Security Scanning</b>
|
||||||
|
<div>Continually scanning this repository for 17K+ known vulnerabilities. <a href="https://blog.quay.io/security-scanning-beta" ng-safenewtab>Read more about this feature</a>.</div>
|
||||||
|
<div class="configure-alerts" ng-if="!hasEvents">
|
||||||
|
<a href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=settings&add_event=vulnerability_found"><i class="fa fa-bell-o"></i>Configure Vulnerability Alerts</a>
|
||||||
|
</div>
|
||||||
|
<div class="repository-events-summary" is-enabled="repository.can_admin" repository="repository"
|
||||||
|
event-filter="vulnerability_found" has-events="hasEvents"></div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue