# HG changeset patch # User nanaya # Date 1433640614 -32400 # Node ID 6cd41974d4b0ac5de84f679dc0b569f832e748a4 # Parent bf9e350f8a2bdc8512e7711222a9da4ebf72feb7 Style up form error. diff -r bf9e350f8a2b -r 6cd41974d4b0 app/assets/stylesheets/_components.scss --- a/app/assets/stylesheets/_components.scss Sun Jun 07 10:24:35 2015 +0900 +++ b/app/assets/stylesheets/_components.scss Sun Jun 07 10:30:14 2015 +0900 @@ -10,8 +10,17 @@ .alert-danger { background-color: $danger; + + strong { color: $danger-dark; } } .alert-info { background-color: $info; + + strong { color: $info-dark; } } + +.field_with_errors { + display: flex; + border: 2px solid $danger-dark; +} diff -r bf9e350f8a2b -r 6cd41974d4b0 app/assets/stylesheets/_new-paste.scss --- a/app/assets/stylesheets/_new-paste.scss Sun Jun 07 10:24:35 2015 +0900 +++ b/app/assets/stylesheets/_new-paste.scss Sun Jun 07 10:30:14 2015 +0900 @@ -11,9 +11,13 @@ flex-direction: column; margin-bottom: $spacing; - textarea { + > * { flex: 1 0 auto; + } + + textarea { resize: none; + width: 100%; } } diff -r bf9e350f8a2b -r 6cd41974d4b0 app/assets/stylesheets/_variables.scss --- a/app/assets/stylesheets/_variables.scss Sun Jun 07 10:24:35 2015 +0900 +++ b/app/assets/stylesheets/_variables.scss Sun Jun 07 10:30:14 2015 +0900 @@ -2,4 +2,6 @@ $screen-sm: 600px; $danger: scale-color(#f00, $lightness: 90%); +$danger-dark: darken($danger, 60%); $info: scale-color(#0f0, $lightness: 90%); +$info-dark: darken($info, 60%);