Small CSS/HTML tricks to follow changes in Leaflet.Storage

This commit is contained in:
Yohan Boniface 2016-05-17 22:37:20 +02:00
parent bd0fff41ad
commit 72202b0d3d
5 changed files with 37 additions and 33 deletions

View file

@ -136,7 +136,6 @@ MIDDLEWARE_CLASSES = (
'django.middleware.csrf.CsrfViewMiddleware', 'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware', 'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.http.ConditionalGetMiddleware',
) )
# ============================================================================= # =============================================================================
@ -163,7 +162,6 @@ MAP_SHORT_URL_NAME = "umap_short_url"
UMAP_USE_UNACCENT = False UMAP_USE_UNACCENT = False
UMAP_FEEDBACK_LINK = "http://wiki.openstreetmap.org/wiki/UMap#Feedback_and_help" # noqa UMAP_FEEDBACK_LINK = "http://wiki.openstreetmap.org/wiki/UMap#Feedback_and_help" # noqa
USER_MAPS_URL = 'user_maps' USER_MAPS_URL = 'user_maps'
MAPQUEST_KEY = 'set me'
# ============================================================================= # =============================================================================
# Third party app settings # Third party app settings

View file

@ -443,6 +443,9 @@ h2.section {
.button-bar .button.half { .button-bar .button.half {
width: calc(50% - 7px); width: calc(50% - 7px);
} }
.button-bar .button.third {
width: calc(100% / 3 - 10px);
}
.demo-instance-warning { .demo-instance-warning {
background-color: #c0392b; background-color: #c0392b;
color: #efefef; color: #efefef;
@ -461,19 +464,9 @@ h2.section {
/* **************************** */ /* **************************** */
/* colors */ /* colors */
/* **************************** */ /* **************************** */
a { /*a {
color: #689191; color: #689191;
} }
.button, input[type="submit"] {
background-color: #79c1c0;
}
.neutral, input[type="submit"].neutral {
background-color: #ddd;
color: #666;
}
.button:hover, input[type="submit"]:hover {
background-color: #689191;
}
.warning { .warning {
color: #cc0000; color: #cc0000;
} }
@ -498,19 +491,33 @@ a {
font-size: 11px; font-size: 11px;
font-style: italic; font-style: italic;
} }
.darline-autocomplete li.on { */
.wrapper input[type="submit"],
.wrapper .button {
background-color: #79c1c0; background-color: #79c1c0;
color: #eeeeec;
} }
.dark { .neutral, input[type="submit"].neutral {
background-color: #ddd;
color: #666;
}
.wrapper input[type="submit"]:hover {
background-color: #689191;
}
.wrapper.somber {
background-color: #2E3641; background-color: #2E3641;
color: #efefef; color: #efefef;
padding-top: 20px; padding-top: 20px;
margin-top: 20px; margin-top: 20px;
} }
.dark .row { .wrapper.somber .row {
margin-top: 0; margin-top: 0;
} }
.wrapper .button,
.wrapper input {
height: 56px;
line-height: 43px;
}
/* **************************** */ /* **************************** */
/* 404 */ /* 404 */
@ -564,10 +571,11 @@ ul.umap-autocomplete {
.umap-singleresult div, .umap-singleresult div,
.umap-multiresult li { .umap-multiresult li {
width: 100%; width: 100%;
background-color: #e5e5e5; background-color: #2e3436;
border-radius: 2px; border-radius: 2px;
border: 1px solid #202425;
padding: 7px; padding: 7px;
color: #464646; color: #eeeeec;
} }
.umap-multiresult li + li { .umap-multiresult li + li {
margin-top: 7px; margin-top: 7px;

View file

@ -29,18 +29,6 @@
{% block content %} {% block content %}
{% endblock %} {% endblock %}
{% block bottom_js %}
<script type="text/javascript">
L.S.on('ui:ready', function () {
L.S.AutoComplete.multiSelect('id_editors', {
placeholder: "{% trans 'Type editors nick to add…' %}"
});
L.S.AutoComplete.select('id_owner', {
placeholder: "{% trans 'Type new owner nick…' %}"
});
});
</script>
{% endblock %}
{% block footer %} {% block footer %}
{% include "umap/footer.html" %} {% include "umap/footer.html" %}
{% endblock footer %} {% endblock footer %}

View file

@ -1,5 +1,5 @@
{% extends "base.html" %} {% extends "base.html" %}
{% load leaflet_storage_tags compress %} {% load leaflet_storage_tags compress i18n %}
{% block head_title %}{{ map.name }} - uMap{% endblock %} {% block head_title %}{{ map.name }} - uMap{% endblock %}
{% block body_class %}map_detail{% endblock %} {% block body_class %}map_detail{% endblock %}
@ -18,4 +18,14 @@
{% include "leaflet_storage/map_init.html" %} {% include "leaflet_storage/map_init.html" %}
{% endblock %} {% endblock %}
{% include "leaflet_storage/map_messages.html" %} {% include "leaflet_storage/map_messages.html" %}
<script type="text/javascript">
MAP.ui.on('panel:ready', function () {
L.S.AutoComplete.multiSelect('id_editors', {
placeholder: "{% trans 'Type editors nick to add…' %}"
});
L.S.AutoComplete.select('id_owner', {
placeholder: "{% trans 'Type new owner nick…' %}"
});
});
</script>
{% endblock %} {% endblock %}

View file

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper dark button-bar"> <div class="wrapper somber button-bar">
<div class="row"> <div class="row">
<div class="col half center mwide"> <div class="col half center mwide">
{% spaceless %} {% spaceless %}