From 9cf94eec5ae98f750f9babc0c37373df87e3981c Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Sun, 2 Jul 2017 15:30:30 -0400 Subject: Styled flash and errors in admin panel --- app/assets/stylesheets/admin/layout.scss | 46 +++++++++++++++++++++++++++++++- 1 file changed, 45 insertions(+), 1 deletion(-) (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/admin/layout.scss b/app/assets/stylesheets/admin/layout.scss index 811c2aa..bbe5383 100644 --- a/app/assets/stylesheets/admin/layout.scss +++ b/app/assets/stylesheets/admin/layout.scss @@ -12,7 +12,7 @@ body { background-color: #7bf; a { - display: block; + display: inline-block; text-decoration: none; font-size: 2em; margin: .25em 1em; @@ -188,3 +188,47 @@ body { border: 1px solid #ddd; } } + +#errors { + padding-left: 0; + border: 2px solid red; + + h3 { + margin: 0 0 .25em 0; + text-align: center; + } + + ul { + margin: 0; + padding-left: 1em; + font-size: 0.75em; + } + + li { + display: block; + } +} + +#flash { + display: inline-block; + color: black; + background-color: white; + padding: .5em .75em; + font-size: .8em; + -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); + vertical-align: text-bottom; +} + +.flash-tag { + font-weight: bold; +} + +.flash-alert { + border-left: 5px solid red; +} + +.flash-notice { + border-left: 5px solid green; +} -- cgit 1.4.1