Minor style fixes on admin titles

stable
Xavier Julián 2015-10-19 09:19:54 +02:00
parent be473e6850
commit 82b18359d4
3 changed files with 7 additions and 7 deletions

View File

@ -22,7 +22,7 @@ div.wrapper.roles(ng-controller="RolesController as ctrl",
div(tg-edit-role) div(tg-edit-role)
.edit-role .edit-role
input(type="text", value="{{ role.name }}") input(type="text", value="{{ role.name }}")
a.save.icon.icon-floppy(href="", title="{{'COMMON.SAVE' | translate}}") a.save.icon(href="", title="{{'COMMON.SAVE' | translate}}")
p.total p.total
span.role-name(title="{{'ADMIN.ROLES.COUNT_MEMBERS' | translate}}") {{ role.name }} span.role-name(title="{{'ADMIN.ROLES.COUNT_MEMBERS' | translate}}") {{ role.name }}

View File

@ -10,10 +10,9 @@
} }
.total { .total {
@extend %large; @extend %large;
@extend %title;
background-color: $whitish; background-color: $whitish;
color: $grayer; color: $grayer;
padding: 1rem; padding: .3rem 1rem;
&:hover { &:hover {
.edit-value { .edit-value {
opacity: 1; opacity: 1;

View File

@ -1,7 +1,7 @@
.admin-roles { .admin-roles {
.role-name { .role-name {
@extend %xlarge; @extend %xlarge;
@extend %title; @extend %light;
color: $grayer; color: $grayer;
} }
.edit-value { .edit-value {
@ -13,11 +13,10 @@
transition: opacity .3s linear; transition: opacity .3s linear;
} }
.edit-role { .edit-role {
align-items: left;
background-color: $whitish; background-color: $whitish;
display: none; display: none;
margin-bottom: 1rem; margin-bottom: 1rem;
padding: .5rem; padding: .3rem 1rem;
input { input {
background-color: $white; background-color: $white;
width: 50%; width: 50%;
@ -39,13 +38,15 @@
padding: .5rem; padding: .5rem;
} }
.general-category { .general-category {
@extend %light;
@extend %small;
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: 2rem; padding-bottom: 2rem;
.check { .check {
margin-left: .5rem; margin-left: .5rem;
input { // IE needs smaller size input {
height: 40px; height: 40px;
width: 85px; width: 85px;
} }