[Backport] Fix admin layout in safari and other browsers
parent
120631547d
commit
905782c95d
|
@ -251,7 +251,8 @@ RolePermissionsDirective = ($rootscope, $repo, $confirm) ->
|
||||||
<div class="category-items">
|
<div class="category-items">
|
||||||
<div class="items-container">
|
<div class="items-container">
|
||||||
<% _.each(category.permissions, function(permission) { %>
|
<% _.each(category.permissions, function(permission) { %>
|
||||||
<div class="category-item" data-id="<%- permission.key %>"> <%- permission.description %>
|
<div class="category-item" data-id="<%- permission.key %>">
|
||||||
|
<span><%- permission.description %></span>
|
||||||
<div class="check">
|
<div class="check">
|
||||||
<input type="checkbox" <% if(permission.active) { %>checked="checked"<% } %>/>
|
<input type="checkbox" <% if(permission.active) { %>checked="checked"<% } %>/>
|
||||||
<div></div>
|
<div></div>
|
||||||
|
|
|
@ -44,7 +44,6 @@ class LightboxService extends taiga.Service
|
||||||
docEl = angular.element(document)
|
docEl = angular.element(document)
|
||||||
docEl.off(".lightbox")
|
docEl.off(".lightbox")
|
||||||
docEl.off(".keyboard-navigation") # Hack: to fix problems in the WYSIWYG textareas when press ENTER
|
docEl.off(".keyboard-navigation") # Hack: to fix problems in the WYSIWYG textareas when press ENTER
|
||||||
|
|
||||||
$el.one "transitionend", =>
|
$el.one "transitionend", =>
|
||||||
$el.removeAttr('style')
|
$el.removeAttr('style')
|
||||||
$el.removeClass("open").removeClass('close')
|
$el.removeClass("open").removeClass('close')
|
||||||
|
|
|
@ -39,9 +39,9 @@
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
}
|
}
|
||||||
.general-category {
|
.general-category {
|
||||||
align-items: center;
|
@include display(flex);
|
||||||
display: flex;
|
@include align-items(center);
|
||||||
justify-content: flex-end;
|
@include justify-content(flex-end);
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
.check {
|
.check {
|
||||||
margin-left: .5rem;
|
margin-left: .5rem;
|
||||||
|
|
|
@ -4,13 +4,14 @@
|
||||||
border-top: 1px solid $gray-light;
|
border-top: 1px solid $gray-light;
|
||||||
}
|
}
|
||||||
.resume {
|
.resume {
|
||||||
@include table-flex($align-items: center);
|
@include display(flex);
|
||||||
|
@include align-items(space-between);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.resume-title {
|
.resume-title {
|
||||||
@include table-flex-child(1, 280px, 0);
|
width: 280px;
|
||||||
}
|
}
|
||||||
.count {
|
.count {
|
||||||
color: $gray-light;
|
color: $gray-light;
|
||||||
|
@ -18,7 +19,8 @@
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
.summary-role {
|
.summary-role {
|
||||||
@include table-flex-child(3, 280px, 0);
|
@include flex(1);
|
||||||
|
width: 280px;
|
||||||
.role-summary-single {
|
.role-summary-single {
|
||||||
background: $gray-light;
|
background: $gray-light;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -34,7 +36,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
@include table-flex-child(1, 0, 0);
|
@include flex(1);
|
||||||
@extend %xlarge;
|
@extend %xlarge;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
@ -47,10 +49,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.category-item {
|
.category-item {
|
||||||
align-items: center;
|
@include display(flex);
|
||||||
|
@include justify-content(space-between);
|
||||||
|
@include align-items(center);
|
||||||
border-bottom: 1px solid $very-light-gray;
|
border-bottom: 1px solid $very-light-gray;
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: .5rem .5rem .5rem 2rem;
|
padding: .5rem .5rem .5rem 2rem;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
|
Loading…
Reference in New Issue