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

6
static/css/quay.css
View file

@ -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"
@ -12,6 +13,7 @@
</button> </button>
</div> </div>
</div> </div>
</div>
<div class="resource-view" resource="membersResource" error-message="'No matching team found'"> <div class="resource-view" resource="membersResource" error-message="'No matching team found'">
<div class="description markdown-input" content="team.description" can-write="organization.is_admin" <div class="description markdown-input" content="team.description" can-write="organization.is_admin"
@ -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>