Change oauth authorization page to use a drop down arrow

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

View file

@ -3451,8 +3451,8 @@ pre.command:before {
display: inline-block;
}
.auth-scopes .scope .title:hover {
color: #428bca;
.auth-scopes .scope .title a {
color: #444;
}
.auth-scopes .scope .description {
@ -3462,9 +3462,20 @@ pre.command:before {
.auth-scopes .scope i {
margin-right: 10px;
margin-top: 2px;
}
.auth-scopes .scope i.fa-lg {
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 {
margin-top: 10px;
padding-top: 10px;

View file

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