From 31a77b43c7929e5f2c0461a683b26b8310c6bd53 Mon Sep 17 00:00:00 2001
From: Rodrigo Ferreira de Souza <rodfersou@gmail.com>
Date: Mon, 25 Jun 2018 16:17:08 -0300
Subject: [PATCH 1/3] Review multiple class selection when there is many
 classes

---
 CHANGES.rst                                                    | 3 +++
 src/collective/cover/browser/templates/layoutedit.pt           | 2 +-
 ...yout_edit_201804251456.css => layout_edit_201806251610.css} | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)
 rename src/collective/cover/static/css/{layout_edit_201804251456.css => layout_edit_201806251610.css} (99%)

diff --git a/CHANGES.rst b/CHANGES.rst
index bdf91940f..72eb58ea2 100644
--- a/CHANGES.rst
+++ b/CHANGES.rst
@@ -6,6 +6,9 @@ There's a frood who really knows where his towel is.
 1.7b3 (unreleased)
 ^^^^^^^^^^^^^^^^^^
 
+- Review multiple class selection when there are many classes (closes `#785 <https://github.com/collective/collective.cover/issues/785>`_).
+  [rodfersou]
+
 - Small code refactor to increase future Python 3 compatibility.
   [hvelarde]
 
diff --git a/src/collective/cover/browser/templates/layoutedit.pt b/src/collective/cover/browser/templates/layoutedit.pt
index 87a203ed7..d08152d05 100644
--- a/src/collective/cover/browser/templates/layoutedit.pt
+++ b/src/collective/cover/browser/templates/layoutedit.pt
@@ -26,7 +26,7 @@
         <metal:styles fill-slot="style_slot">
             <link rel="stylesheet" type="text/css" media="screen" href=""
                   tal:define="navroot context/@@plone_portal_state/navigation_root_url"
-                  tal:attributes="href string:${navroot}/++resource++collective.cover/css/layout_edit_201804251456.css" />
+                  tal:attributes="href string:${navroot}/++resource++collective.cover/css/layout_edit_201806251610.css" />
         </metal:styles>
         <metal:main fill-slot="main">
             <tal:block tal:define="can_export_layout view/can_export_layout">
diff --git a/src/collective/cover/static/css/layout_edit_201804251456.css b/src/collective/cover/static/css/layout_edit_201806251610.css
similarity index 99%
rename from src/collective/cover/static/css/layout_edit_201804251456.css
rename to src/collective/cover/static/css/layout_edit_201806251610.css
index dbb561892..73d6a3ce2 100644
--- a/src/collective/cover/static/css/layout_edit_201804251456.css
+++ b/src/collective/cover/static/css/layout_edit_201806251610.css
@@ -741,8 +741,10 @@ body .cssclasswidget-classlist
     z-index: 1001;
 
     display: flex;
+    overflow: auto;
     flex-direction: column;
 
+    max-height: 4rem;
     padding: .4rem;
 
     list-style-type: none !important;

From 61db2496d89191cdc0a179e216a9af64d2d89608 Mon Sep 17 00:00:00 2001
From: Rodrigo Ferreira de Souza <rodfersou@gmail.com>
Date: Mon, 2 Jul 2018 10:55:33 -0300
Subject: [PATCH 2/3] Fix widget scrollbar for macos

---
 .../cover/static/css/layout_edit_201806251610.css     | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/collective/cover/static/css/layout_edit_201806251610.css b/src/collective/cover/static/css/layout_edit_201806251610.css
index 73d6a3ce2..2052ecfa8 100644
--- a/src/collective/cover/static/css/layout_edit_201806251610.css
+++ b/src/collective/cover/static/css/layout_edit_201806251610.css
@@ -735,6 +735,16 @@ body .cssclasswidget
 {
     cursor: pointer;
 }
+/* https://stackoverflow.com/a/10100209 */
+body .cssclasswidget-classlist::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 7px;
+}
+body .cssclasswidget-classlist::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0,0,0,.5);
+    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
+}
 body .cssclasswidget-classlist
 {
     position: absolute;
@@ -751,6 +761,7 @@ body .cssclasswidget-classlist
 
     border: 1px solid #A9A9A9;
     background: #FFF;
+
 }
 body .cssclasswidget-classlist li
 {

From ba131826daa112470613a695f102a984fb03304c Mon Sep 17 00:00:00 2001
From: Rodrigo Ferreira de Souza <rodfersou@gmail.com>
Date: Thu, 5 Jul 2018 09:37:32 -0300
Subject: [PATCH 3/3] Review overflow for Firefox

---
 src/collective/cover/static/css/layout_edit_201806251610.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/collective/cover/static/css/layout_edit_201806251610.css b/src/collective/cover/static/css/layout_edit_201806251610.css
index 2052ecfa8..2fdf65b57 100644
--- a/src/collective/cover/static/css/layout_edit_201806251610.css
+++ b/src/collective/cover/static/css/layout_edit_201806251610.css
@@ -751,7 +751,7 @@ body .cssclasswidget-classlist
     z-index: 1001;
 
     display: flex;
-    overflow: auto;
+    overflow-y: scroll;
     flex-direction: column;
 
     max-height: 4rem;