Blocked warning layout. Fixes 787

stable
Xavier Julián 2014-08-27 13:44:17 +02:00
parent 76d7629a35
commit 53ad1c2180
1 changed files with 13 additions and 6 deletions

View File

@ -5,10 +5,9 @@
@extend %text; @extend %text;
@include transition(all .2s linear); @include transition(all .2s linear);
background: $whitish; background: $whitish;
display: flex;
justify-content: space-between;
margin-bottom: .5rem; margin-bottom: .5rem;
padding: 1rem; padding: 1rem;
position: relative;
&.blocked { &.blocked {
background: $red; background: $red;
vertical-align: middle; vertical-align: middle;
@ -30,6 +29,11 @@
color: $red-light; color: $red-light;
} }
} }
.issue-nav {
a {
color: $white;
}
}
} }
input { input {
background: $white; background: $white;
@ -37,6 +41,7 @@
.us-title-text { .us-title-text {
display: flex; display: flex;
margin-bottom: 0; margin-bottom: 0;
max-width: 94%;
} }
.us-number { .us-number {
@extend %xlarge; @extend %xlarge;
@ -55,15 +60,16 @@
} }
.block-desc-container { .block-desc-container {
@extend %small; @extend %small;
margin-bottom: 0; margin: 0 0 1.2rem;
} }
.block-description-title { .block-description-title {
@extend %bold; @extend %bold;
color: $white; color: $white;
margin-right: .5rem;
} }
.block-description { .block-description {
color: $white; color: $white;
display: inline-block;
margin-right: 5rem;
} }
} }
} }
@ -88,8 +94,9 @@
} }
.issue-nav { .issue-nav {
flex-shrink: 0; position: absolute;
width: 65px; right: 1rem;
top: 1rem;
a { a {
@extend %xlarge; @extend %xlarge;
} }