vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge pull request #1489 from coreos-inc/prebox

Browse source 
Fix handling of large <pre>s in repository descriptions
This commit is contained in:
josephschorr 2016-05-24 11:45:37 -04:00
commit 718857287d
2 changed files with 61 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
static/css/directives/repo-view/repo-panel-info.css
View file

@ -1,8 +1,3 @@
.repo-panel-info-element .right-controls {
margin-bottom: 20px;
float: right;
}
.repo-panel-info-element .right-sec-controls {
border: 1px solid #ddd;
padding: 20px;
@ -49,7 +44,11 @@
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;
margin-top: 10px;
margin-bottom: 20px;
@ -87,16 +86,41 @@
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 {
padding-bottom: 0px;
position: relative;
margin-right: 410px;
}
@media (max-width: 767px) {
.repo-panel-info-element .description {
margin-right: 0px;
}
.repo-panel-info-element .description-container table td:first-child {
padding: 6px;
}
}
.repo-panel-info-element .description p {

30
static/directives/repo-view/repo-panel-info.html
View file

@ -62,9 +62,18 @@
<!-- Repository Description -->
<div class="description-container">
<!-- Pull Controls -->
<div class="right-controls hidden-sm hidden-xs">
<table class="co-fixed-table">
<tr>
<td>
<h4 style="font-size:20px;">Description</h4>
<div class="description markdown-input"
content="repository.description"
can-write="repository.can_write"
content-changed="updateDescription"
field-title="'repository description'">
</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>
@ -76,7 +85,7 @@
<img class="scan" src="/static/img/scan.svg">
</span>
<b>Automated Security Scanning (Preview)</b>
<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>
@ -84,15 +93,8 @@
<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"
can-write="repository.can_write"
content-changed="updateDescription"
field-title="'repository description'">
</div>
</td>
</tr>
</table>
</div>
</div>