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

css overflow ellipsis to titles and descriptions

Browse source
This commit is contained in:
Jimmy Zelinskie 2014-12-29 15:39:04 -05:00
parent e8cd24781a
commit 17751eced9
2 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/css/quay.css
View file

@ -2541,6 +2541,12 @@ p.editable:hover i {
margin-bottom: 30px; margin-bottom: 30px;
} }
.repo-panel-title-row {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.panel-body.starred { .panel-body.starred {
background: -moz-linear-gradient(top, rgba(255,240,188,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(255,240,188,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,240,188,1)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(51%,rgba(255,255,255,0.49)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,240,188,1)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(51%,rgba(255,255,255,0.49)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
@ -2593,6 +2599,12 @@ p.editable:hover i {
padding-top: 13px; padding-top: 13px;
} }
.repo-listing .description p:last-child {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.repo-build .build-id:before { .repo-build .build-id:before {
content: "Build ID: " content: "Build ID: "

10
static/partials/repo-list.html
View file

@ -50,10 +50,10 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-body starred"> <div class="panel-body starred">
<div class="row"> <div class="row">
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 repo-panel-title-row">
<span class="repo-icon repo-circle no-background" repo="repository"></span> <span class="repo-icon repo-circle no-background" repo="repository"></span>
<a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link" <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link"
data-repo="{{repository.namespace}}/{{ repository.name }}"> data-repo="{{repository.namespace}}/{{ repository.name }}" title="{{repository.namespace}}/{{repository.name}}">
{{repository.namespace }}/{{ repository.name }} {{repository.namespace }}/{{ repository.name }}
</a> </a>
</div> </div>
@ -98,7 +98,7 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-body"> <div class="panel-body">
<div class="row"> <div class="row">
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 repo-panel-title-row">
<span class="repo-icon repo-circle no-background" repo="repository"></span> <span class="repo-icon repo-circle no-background" repo="repository"></span>
<a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link" <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}" class="repo-panel-repo-link"
data-repo="{{repository.namespace}}/{{ repository.name }}"> data-repo="{{repository.namespace}}/{{ repository.name }}">
@ -115,8 +115,8 @@
</div> </div>
</div> </div>
<div ng-show="namespace.value.length == 0"> <div ng-show="namespace.value.length == 0">
<div class="empty-primary-msg">There aren't any repositories yet.</div> <div class="empty-primary-msg">This namespace doesn't have any viewable repositories.</div>
<div class="empty-secondary-msg">This origanization does't have any repositories, or you have not been provided access. <a href="/new">Create a new repository</a> <div class="empty-secondary-msg">You may be seeing this because you do not have permission to view any repositories. If you have permission, try <a href="/new">creating a new repository</a>.</div>
</div> </div>
<!-- User/Org has no repositories --> <!-- User/Org has no repositories -->