From: Yoan Le Clanche <yoanl@pilotsystems.net>
Date: Thu, 13 Jul 2023 15:38:57 +0000 (+0200)
Subject: https://trackers.pilotsystems.net/prebarreau/0693 : adapt multiselect widget to small... 
X-Git-Tag: 2.9.0~63^2~1
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=d96d2a7d3f5be12722de68d3e7724da55b0ff7d1;p=teleforma.git

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

diff --git a/teleforma/static/admin/css/admin-extra.css b/teleforma/static/admin/css/admin-extra.css
new file mode 100644
index 00000000..e8ad43fc
--- /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
index 00000000..6aa960e4
--- /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 %}