From c37f675893459290f37e1f79c9d2d4ca37d1c4e2 Mon Sep 17 00:00:00 2001 From: Ralf Teusner Date: Wed, 15 Mar 2017 11:34:27 +0100 Subject: [PATCH] clickthrough of alert banners, some more positioning, move them to front. --- app/views/application/_flash.html.slim | 2 +- lib/assets/stylesheets/flash.css.scss | 10 ++++++++-- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/app/views/application/_flash.html.slim b/app/views/application/_flash.html.slim index 2b8563a4..a391ee23 100644 --- a/app/views/application/_flash.html.slim +++ b/app/views/application/_flash.html.slim @@ -1,3 +1,3 @@ -#flash.fixed_error_messages data-message-failure=t('shared.message_failure') +#flash.fixed_error_messages.clickthrough data-message-failure=t('shared.message_failure') - %w[alert danger info notice success warning].each do |severity| p.alert.flash class="alert-#{{'alert' => 'warning', 'notice' => 'success'}.fetch(severity, severity)}" id="flash-#{severity}" = flash[severity] diff --git a/lib/assets/stylesheets/flash.css.scss b/lib/assets/stylesheets/flash.css.scss index 8d2899bf..21ca7ec5 100644 --- a/lib/assets/stylesheets/flash.css.scss +++ b/lib/assets/stylesheets/flash.css.scss @@ -4,10 +4,16 @@ .fixed_error_messages { position: fixed; - top: 0; + z-index: 1000; + top: 110px; left: 0; width: 100%; padding-left: 10%; padding-right: 10%; - padding-top: 2%; + padding-top: 0; } + +.clickthrough { + pointer-events: none; +} +