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

Fix repo circle positioning by changing to absolute sizes everywhere

Browse source
This commit is contained in:
Joseph Schorr 2013-10-24 17:51:09 -04:00
parent 2113fcf54f
commit 1d51618c9d
2 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
static/css/quay.css
View file

@ -15,14 +15,23 @@
.repo-circle.no-background { .repo-circle.no-background {
background: transparent; background: transparent;
position: relative;
height: 40px; height: 40px;
width: 40px; width: 40px;
} }
.repo-circle .fa-hdd {
font-size: 36px;
}
.repo-circle.no-background .fa-hdd {
font-size: 30px;
}
.repo-circle .fa-lock { .repo-circle .fa-lock {
position: absolute; position: absolute;
bottom: -6px; bottom: -2px;
right: 0px; right: -4px;
background: rgb(253, 191, 191); background: rgb(253, 191, 191);
width: 20px; width: 20px;
display: inline-block; display: inline-block;
@ -30,11 +39,11 @@
text-align: center; text-align: center;
height: 20px; height: 20px;
line-height: 21px; line-height: 21px;
font-size: 16px; font-size: 16px !important;
} }
.repo-circle.no-background .fa-lock { .repo-circle.no-background .fa-lock {
bottom: 2px; bottom: -2px;
right: -6px; right: -6px;
color: #444; color: #444;
} }
@ -710,7 +719,6 @@ p.editable:hover i {
} }
.repo-listing i { .repo-listing i {
font-size: 2em;
color: #999; color: #999;
display: inline-block; display: inline-block;
margin-right: 6px; margin-right: 6px;

2
static/directives/repo-circle.html
View file

@ -1,2 +1,2 @@
<i class="fa fa-lock fa-lg" style="{{ repo.is_public ? 'visibility: hidden' : 'visibility: visible' }}" title="Private Repository"></i> <i class="fa fa-lock fa-lg" style="{{ repo.is_public ? 'visibility: hidden' : 'visibility: visible' }}" title="Private Repository"></i>
<i class="fa fa-hdd fa-lg"></i> <i class="fa fa-hdd"></i>