diff --git a/lostplaces/lostplaces_app/static/icons/debug.png b/lostplaces/lostplaces_app/static/icons/debug.png new file mode 100644 index 0000000..6d62b8d Binary files /dev/null and b/lostplaces/lostplaces_app/static/icons/debug.png differ diff --git a/lostplaces/lostplaces_app/static/icons/error.png b/lostplaces/lostplaces_app/static/icons/error.png new file mode 100644 index 0000000..e4dcae8 Binary files /dev/null and b/lostplaces/lostplaces_app/static/icons/error.png differ diff --git a/lostplaces/lostplaces_app/static/icons/information.svg b/lostplaces/lostplaces_app/static/icons/information.svg new file mode 100644 index 0000000..06683f1 --- /dev/null +++ b/lostplaces/lostplaces_app/static/icons/information.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lostplaces/lostplaces_app/static/icons/message.svg b/lostplaces/lostplaces_app/static/icons/message.svg new file mode 100644 index 0000000..5cacb29 --- /dev/null +++ b/lostplaces/lostplaces_app/static/icons/message.svg @@ -0,0 +1 @@ +Wondicon - UI (Free) \ No newline at end of file diff --git a/lostplaces/lostplaces_app/static/icons/success.svg b/lostplaces/lostplaces_app/static/icons/success.svg new file mode 100644 index 0000000..f784427 --- /dev/null +++ b/lostplaces/lostplaces_app/static/icons/success.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css index 40aa8ea..777de42 100644 --- a/lostplaces/lostplaces_app/static/main.css +++ b/lostplaces/lostplaces_app/static/main.css @@ -205,6 +205,39 @@ body { font-size: 1em; display: inline; } +.LP-Message { + display: flex; + flex-direction: row; + align-items: center; + background-color: #f9f9f9; + font-family: Montserrat, Helvetica, sans-serif; + border-radius: 3px; + font-weight: bold; } + .LP-Message--error .LP-Message__Icon { + background-color: #02979e; + background-image: url("icons/error.png"); } + .LP-Message--warning .LP-Message__Icon { + background-color: #0047e7; + background-image: url("icons/error.png"); } + .LP-Message--info .LP-Message__Icon { + background-color: #522719; + background-image: url("icons/information.svg"); } + .LP-Message--success .LP-Message__Icon { + background-color: #6937ff; + background-image: url("icons/success.svg"); } + .LP-Message--debug .LP-Message__Icon { + background-color: #046a2f; + background-image: url("icons/debug.png"); } + .LP-Message .LP-Message__Icon { + background-size: 40px 40px; + background-repeat: no-repeat; + background-position: center; + height: 50px; + width: 50px; + filter: invert(1); } + .LP-Message .LP-Message__Text { + padding: 0 15px; } + .LP-Content { padding: 35px; } @@ -349,6 +382,18 @@ body { .LP-Menu .LP-Menu__List { justify-content: space-between; } } +.LP-MessageList { + padding: 25px; } + .LP-MessageList .LP-MessageList__List { + padding: 0; + margin: 0; + list-style-type: none; + display: flex; + flex-direction: column; + justify-content: space-between; } + .LP-MessageList .LP-MessageList__Item { + margin: 5px 0; } + .LP-Header { display: flex; align-items: center; diff --git a/lostplaces/lostplaces_app/templates/global.html b/lostplaces/lostplaces_app/templates/global.html index a75729d..67db689 100644 --- a/lostplaces/lostplaces_app/templates/global.html +++ b/lostplaces/lostplaces_app/templates/global.html @@ -54,11 +54,21 @@
{% if messages %} - +
+ +
{% endif %} {% block maincontent %} {% endblock maincontent %} diff --git a/lostplaces/templates/403.html b/lostplaces/templates/403.html index 00df838..7c3b767 100644 --- a/lostplaces/templates/403.html +++ b/lostplaces/templates/403.html @@ -1,12 +1,11 @@ {% extends 'global.html'%} {% block title %}Forbidden{% endblock %} + {% block additional_head %} {% if request.META.HTTP_REFERER %} -

Go Back

{% endif %} - {% endblock additional_head %} {% block maincontent %}