Admin functionalities fixes

stable
Xavier Julián 2014-08-08 13:14:08 +02:00
parent 27a9820dc9
commit 86489c9c86
4 changed files with 24 additions and 13 deletions

View File

@ -83,7 +83,7 @@ body {
} }
.menu-tertiary { .menu-tertiary {
@include table-flex-child(1, 190px, 0, 190px); @include table-flex-child(1, 210px, 0, 210px);
background-color: $dark-grayish-lime-green; background-color: $dark-grayish-lime-green;
padding: 2em 1em; padding: 2em 1em;
} }

View File

@ -1,44 +1,51 @@
.admin-functionalities { .admin-functionalities {
form {
width: 100%;
}
.functionality { .functionality {
@include transition(all .2s linear); @include transition(all .2s linear);
@include table-flex(); @include table-flex(center, center, flex, column, wrap, center);
background-color: $whitish; background-color: $whitish;
margin-bottom: 1rem; display: inline-block;
margin-bottom: .3rem;
opacity: .5; opacity: .5;
padding: 1rem; padding: 1rem;
position: relative; position: relative;
vertical-align: top;
width: 33%;
&.active { &.active {
background-color: #e9f0da; background-color: #e9f0da;
opacity: 1; opacity: 1;
} }
.icon { .icon {
@include table-flex-child(1, 0, 0); @include table-flex-child(1, 120px, 0, 100%);
@include transform(translate(1rem, 1rem)); @extend %xxlarge;
margin: 0 auto;
min-height: 60px;
text-align: center;
} }
.desc { .desc {
@include table-flex-child(10 , 0, 0); @include table-flex-child(1 , 0, 0, 100%);
} }
.activate-input { .activate-input {
display: none; display: none;
+label { +label {
color: $white; color: $white;
cursor: pointer; cursor: pointer;
display: block;
text-align: center;
} }
} }
span { span {
font-weight: bold; font-weight: bold;
} }
p { p {
margin-bottom: .5rem; margin-bottom: 1rem;
} }
select { select {
margin-top: 1rem; margin-top: 1rem;
} }
} }
.icon {
@extend %xxlarge;
margin-right: 2rem;
}
.videoconference-attributes { .videoconference-attributes {
select { select {
margin-bottom: .5rem; margin-bottom: .5rem;

View File

@ -118,12 +118,15 @@
} }
&.selected { &.selected {
@include transition(all .2s ease-in); @include transition(all .2s ease-in);
background: $green-taiga; background: $fresh-taiga;
border: 1px solid $green-taiga; border: 1px solid $green-taiga;
color: $white; span {
color: $white;
}
} }
} }
.blocked { .blocked {
padding: 8px 30px;
&:hover { &:hover {
@include transition(all .2s ease-in); @include transition(all .2s ease-in);
background: $red-light; background: $red-light;

View File

@ -63,6 +63,7 @@
@extend %small; @extend %small;
color: $white; color: $white;
text-align: left; text-align: left;
text-transform: none;
&:hover { &:hover {
@include transition (color .2s linear); @include transition (color .2s linear);
color: $fresh-taiga; color: $fresh-taiga;