From 697a93749b265ab6702974a53381ed5e9a143a39 Mon Sep 17 00:00:00 2001
From: Carsten  Rose <carsten.rose@math.uzh.ch>
Date: Thu, 16 Mar 2017 13:39:57 +0100
Subject: [PATCH] BuildFormBootstrap.php: Added class'clearfix' to every
 Bootstrap row 'form-group' - on request of BB: should solve problems which we
 don't see at the moment. qfq-bs.css.less: Typeahead - expand with of dropdown
 Box to 100% of current input element. Add hoover for the dropdown Box with a
 blue background

---
 extension/Documentation/Manual.rst       |  5 ++++-
 extension/qfq/qfq/BuildFormBootstrap.php |  2 +-
 less/qfq-bs.css.less                     | 26 ++++++++++++++++++++----
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/extension/Documentation/Manual.rst b/extension/Documentation/Manual.rst
index 8831b008b..158980e89 100644
--- a/extension/Documentation/Manual.rst
+++ b/extension/Documentation/Manual.rst
@@ -3810,7 +3810,10 @@ Changes
 
  * Play formEditor.sql.
 
-   * Dropdownlist of containerassigment updated.
+   * Dropdownlist of container assigment: remove 'class' (always 'container') and insert 'type' ('pill', 'fiedlset', 'templategroup').
+   * FormElement.placeholder colum width extended to 512:
+
+     ALTER TABLE `FormElement` CHANGE `placeholder` `placeholder` VARCHAR(512) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL DEFAULT '';
 
 Features
 ^^^^^^^^
diff --git a/extension/qfq/qfq/BuildFormBootstrap.php b/extension/qfq/qfq/BuildFormBootstrap.php
index 5455a1812..1d51d8e12 100644
--- a/extension/qfq/qfq/BuildFormBootstrap.php
+++ b/extension/qfq/qfq/BuildFormBootstrap.php
@@ -53,7 +53,7 @@ class BuildFormBootstrap extends AbstractBuildForm {
         $this->wrap[WRAP_SETUP_TITLE][WRAP_SETUP_END] = "</h1></div></div>";
 
         // Element: Label + Input + Note
-        $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_START] = "<div class='form-group'>";
+        $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_START] = "<div class='form-group clearfix'>";
         $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_END] = "</div>";
 
         $this->wrap[WRAP_SETUP_SUBRECORD][WRAP_SETUP_START] = "<div class='col-md-12'>";
diff --git a/less/qfq-bs.css.less b/less/qfq-bs.css.less
index e1f88f2af..d2e2c9f74 100644
--- a/less/qfq-bs.css.less
+++ b/less/qfq-bs.css.less
@@ -96,7 +96,6 @@ i.@{spinner_class} {
   padding-top: 4px;
 }
 
-
 .qfq-color-white {
   background-color: #ffffff;
 }
@@ -137,7 +136,6 @@ i.@{spinner_class} {
 
 // TypeAhead Suggestions
 .tt-menu {
-  padding: 12px;
   background-color: #fff;
   border-left: 1px solid #66afe9;
   border-right: 1px solid #66afe9;
@@ -145,11 +143,31 @@ i.@{spinner_class} {
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+  width: 100%;
+}
+
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    text-align: unset;
+  }
+}
+
+.tt-suggestion {
+  cursor: pointer;
+  cursor: hand;
+  padding-left: 12px;
+  padding-right: 12px;
+  padding-bottom: 6px;
+  padding-top: 12px;
 }
 
 .tt-suggestion + .tt-suggestion {
-  margin-top: 12px;
+  padding-top: 6px;
+}
+
+.tt-suggestion:hover {
+  background-color: rgba(102, 175, 233, .6);
 }
 
 
-- 
GitLab