https://trackers.pilotsystems.net/prebarreau/0693 : adapt multiselect widget to small...

diff --git a/teleforma/static/admin/css/admin-extra.css b/teleforma/static/admin/css/admin-extra.css
new file mode 100644 (file)
index 0000000..e8ad43f
--- /dev/null
+++ b/teleforma/static/admin/css/admin-extra.css
@@ -0,0 +1,31 @@
+@media screen and (max-width: 2200px) {
+  .related-widget-wrapper .selector-available,
+  .related-widget-wrapper .selector-chosen {
+    width: 100%;
+    float: none;
+  }
+  .related-widget-wrapper ul.selector-chooser {
+    float: none;
+    margin: auto;
+    width: 48px;
+  }
+
+  .related-widget-wrapper .selector-chooser li {
+    display: inline-block;
+    width: 24px;
+  }
+
+  .related-widget-wrapper .selector-add {
+    background: url(../img/selector-icons.svg) 0 -32px no-repeat;
+  }
+  .related-widget-wrapper .selector-add:hover {
+    background-position: 0 -48px;
+  }
+
+  .related-widget-wrapper .selector-remove {
+    background: url(../img/selector-icons.svg) 0 0px no-repeat;
+  }
+  .related-widget-wrapper .selector-remove:hover {
+    background-position: 0 -16px;
+  }
+}

diff --git a/teleforma/templates/admin/base_site.html b/teleforma/templates/admin/base_site.html
new file mode 100644 (file)
index 0000000..6aa960e
--- /dev/null
+++ b/teleforma/templates/admin/base_site.html
@@ -0,0 +1,4 @@
+{% extends 'admin/base.html' %}
+{% load static %}
+
+{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/admin-extra.css" %}" />{% endblock %}