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

Make the new team view UI to be properly reactive to the screen size

Browse source
This commit is contained in:
Joseph Schorr 2014-08-15 21:00:12 -04:00
parent 7d7cca39cc
commit 9a402ab0b1
3 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/css/quay.css
View file

@ -4624,7 +4624,7 @@ i.quay-icon {
top: 2px; top: 2px;
} }
.organization-header .popover-content { .organization-header .popover-content {
font-size: 14px; font-size: 14px;
padding-top: 6px; padding-top: 6px;
} }
@ -4633,8 +4633,12 @@ i.quay-icon {
background: white; background: white;
} }
.organization-header .popover-content .help-text { .team-view-add-element .help-text {
font-size: 13px; font-size: 13px;
color: #ccc; color: #ccc;
margin-top: 10px; margin-top: 10px;
} }
.organization-header .popover-content {
min-width: 500px;
}

2
static/directives/team-view-add.html
View file

@ -1,4 +1,4 @@
<div style="width: 500px"> <div class="team-view-add-element">
<div class="entity-search" <div class="entity-search"
namespace="orgname" placeholder="'Add a registered user or robot...'" namespace="orgname" placeholder="'Add a registered user or robot...'"
entity-selected="addNewMember(entity)" entity-selected="addNewMember(entity)"

9
static/partials/team-view.html
View file

@ -2,6 +2,7 @@
<div class="team-view container"> <div class="team-view container">
<div class="organization-header" organization="organization" team-name="teamname"> <div class="organization-header" organization="organization" team-name="teamname">
<div ng-show="canEditMembers" class="side-controls"> <div ng-show="canEditMembers" class="side-controls">
<div class="hidden-sm hidden-xs">
<button class="btn btn-success" data-trigger="click" <button class="btn btn-success" data-trigger="click"
data-title="Add Team Member" data-title="Add Team Member"
data-content-template="/static/directives/team-view-add.html" data-content-template="/static/directives/team-view-add.html"
@ -10,6 +11,7 @@
<i class="fa fa-plus"></i> <i class="fa fa-plus"></i>
Add Team Member Add Team Member
</button> </button>
</div>
</div> </div>
</div> </div>
@ -69,6 +71,13 @@
</td> </td>
</tr> </tr>
</table> </table>
<div ng-show="canEditMembers">
<div class="visible-xs visible-sm">
<div ng-include="'/static/directives/team-view-add.html'"></div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>