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

Change oauth authorization page to use a drop down arrow

Browse source
This commit is contained in:
Joseph Schorr 2014-03-18 17:55:52 -04:00
parent d24f1faf44
commit d502602b38
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/css/quay.css
View file

@ -3451,8 +3451,8 @@ pre.command:before {
display: inline-block; display: inline-block;
} }
.auth-scopes .scope .title:hover { .auth-scopes .scope .title a {
color: #428bca; color: #444;
} }
.auth-scopes .scope .description { .auth-scopes .scope .description {
@ -3462,9 +3462,20 @@ pre.command:before {
.auth-scopes .scope i { .auth-scopes .scope i {
margin-right: 10px; margin-right: 10px;
margin-top: 2px; margin-top: 2px;
}
.auth-scopes .scope i.fa-lg {
font-size: 24px; font-size: 24px;
} }
.auth-scopes .title i.arrow:before {
content: "\f0d7";
}
.auth-scopes .title.collapsed i.arrow:before {
content: "\f0da" !important;
}
.auth-container .button-bar { .auth-container .button-bar {
margin-top: 10px; margin-top: 10px;
padding-top: 10px; padding-top: 10px;

5
templates/oauthorize.html
View file

@ -22,8 +22,9 @@
<div class="panel-heading"> <div class="panel-heading">
<h4 class="panel-title"> <h4 class="panel-title">
<div class="title-container"> <div class="title-container">
<i class="fa {{ scope.icon }} fa-lg"></i> <div class="title collapsed" data-toggle="collapse" data-parent="#scopeGroup" data-target="#description-{{ index }}">
<div class="title" data-toggle="collapse" data-parent="#scopeGroup" data-target="#description-{{ index }}"> <i class="fa arrow"></i>
<i class="fa {{ scope.icon }} fa-lg"></i>
<a data-toggle="collapse" href="#collapseOne"> <a data-toggle="collapse" href="#collapseOne">
{{ scope.title }} {{ scope.title }}
</a> </a>