(css) Fix for md-cards in ACL editor
This commit is contained in:
parent
b41828a7f1
commit
412dca053a
|
@ -13,9 +13,10 @@
|
||||||
ng-click="acl.selectUser(user)"
|
ng-click="acl.selectUser(user)"
|
||||||
ng-class="{ 'sg-collapsed': user.uid != acl.selectedUser.uid, 'sg-expanded': user.uid == acl.selectedUser.uid }">
|
ng-class="{ 'sg-collapsed': user.uid != acl.selectedUser.uid, 'sg-expanded': user.uid == acl.selectedUser.uid }">
|
||||||
<md-button>
|
<md-button>
|
||||||
<div layout="row" layout-align="start center">
|
<div layout="row" layout-align="start center" class="md-flex">
|
||||||
<span class="card-picture" ng-switch="user.userClass">
|
<span class="card-picture" ng-switch="user.userClass">
|
||||||
<div ng-switch-when="normal-user" class="sg-avatar"><!-- normal-user --></div>
|
<div ng-switch-when="normal-user" class="sg-avatar"><!-- normal-user --></div>
|
||||||
|
<div ng-switch-when="normal-group" class="sg-list-avatar"><!-- normal-group --></div>
|
||||||
<div ng-switch-when="public-user" class="sg-list-avatar"><!-- public-user --></div>
|
<div ng-switch-when="public-user" class="sg-list-avatar"><!-- public-user --></div>
|
||||||
</span>
|
</span>
|
||||||
<div class="sg-tile-content">
|
<div class="sg-tile-content">
|
||||||
|
|
|
@ -5,7 +5,6 @@ md-card {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
md-card-content {
|
md-card-content {
|
||||||
order: 1;
|
|
||||||
transition: $swift-ease-in-out;
|
transition: $swift-ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,13 +12,31 @@ md-card {
|
||||||
background-color: sg-color($sogoPaper, 50);
|
background-color: sg-color($sogoPaper, 50);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Collapsed/expanded states for cards in ACL editor
|
||||||
|
&.sg-collapsed, &.sg-expanded {
|
||||||
|
transition: $swift-ease-in-out;
|
||||||
|
transition-delay: 0s;
|
||||||
|
> .md-button {
|
||||||
|
margin: 0;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
md-card-content {
|
||||||
|
order: 1;
|
||||||
|
transition: $swift-ease-in-out;
|
||||||
|
transition-delay: 0.1s;
|
||||||
|
max-height: 500px;
|
||||||
|
&.ng-hide {
|
||||||
|
max-height: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.sg-collapsed {
|
&.sg-collapsed {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
> .md-button {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.sg-expanded {
|
&.sg-expanded {
|
||||||
|
|
Loading…
Reference in a new issue