ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix error message taking full height and preventing map events;

Browse source 
make error text selectable
This commit is contained in:
Norbert Renner 2018-07-17 10:44:47 +02:00
parent 92537cc00d
commit bdc1fd0cb4
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
css/style.css
View file

@ -133,8 +133,11 @@ footer {
-moz-user-select: text; -moz-user-select: text;
} }
#message { #message {
position: absolute;
margin: 10px 46px; /* 10 + 26 + 10 */
z-index: 3000; z-index: 3000;
font-size: 1rem; font-size: 1rem;
cursor: auto;
} }
#profile_buttons { #profile_buttons {
@ -248,10 +251,6 @@ https://css-tricks.com/svg-line-animation-works/
padding: 2px 15px; padding: 2px 15px;
} }
#message .alert {
margin: 10px 46px; /* 10 + 26 + 10 */
}
#profile_message .alert { #profile_message .alert {
margin-top: 3px; margin-top: 3px;
} }

2
js/control/Message.js
View file

@ -15,6 +15,8 @@ BR.Message = L.Class.extend({
iconClass = (type === 'warning') ? 'fa-exclamation-triangle' : 'fa-times-circle', iconClass = (type === 'warning') ? 'fa-exclamation-triangle' : 'fa-times-circle',
alertClass = (type === 'warning') ? 'alert-warning' : 'alert-danger'; alertClass = (type === 'warning') ? 'alert-warning' : 'alert-danger';
L.DomEvent.disableClickPropagation(ele);
ele.innerHTML = ele.innerHTML =
'<div class="alert ' + alertClass + ' alert-dismissible fade in" role="alert">' '<div class="alert ' + alertClass + ' alert-dismissible fade in" role="alert">'
+ ' <button type="button" class="close" data-dismiss="alert" aria-label="Close">' + ' <button type="button" class="close" data-dismiss="alert" aria-label="Close">'