[Backport] Fix admin layout in safari and other browsers

stable
Xavier Julián 2014-11-19 18:29:21 +01:00 committed by David Barragán Merino
parent 120631547d
commit 905782c95d
4 changed files with 14 additions and 12 deletions

View File

@ -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>

View File

@ -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')

View File

@ -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;

View File

@ -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;