Merge branch '4.6' into ibx_9060

Author: tbialcz

src/bundle/Resources/public/img/ibexa-icons.svg

@@ -2,6 +2,7 @@ import { getRestInfo } from '@ibexa-admin-ui/src/bundle/Resources/public/js/scri
 
 (function (global, doc, ibexa) {
     const MIN_QUERY_LENGTH = 3;
+    const SUGGESTIONS_LIST_BOTTOM_MARGIN = 16;
 
     class SuggestionTaggify extends ibexa.core.Taggify {
         constructor(config) {
@@ -15,6 +16,21 @@ import { getRestInfo } from '@ibexa-admin-ui/src/bundle/Resources/public/js/scri
 
             this.renderSuggestionsList = this.renderSuggestionsList.bind(this);
             this.getItemsFromResponse = this.getItemsFromResponse.bind(this);
+            this.updateSuggestionsMaxHeight = this.updateSuggestionsMaxHeight.bind(this);
+        }
+
+        updateSuggestionsMaxHeight() {
+            if (this.suggestionsListNode.classList.contains('ibexa-taggify__suggestions--hidden')) {
+                return;
+            }
+
+            const suggestionRect = this.suggestionsListNode.getBoundingClientRect();
+            const windowHeight = window.innerHeight;
+            const topOffset = suggestionRect.top;
+            const countedMaxHeight = windowHeight - topOffset - SUGGESTIONS_LIST_BOTTOM_MARGIN;
+            const maxHeight = this.suggestionsListMaxHeight ? Math.min(this.suggestionsListMaxHeight, countedMaxHeight) : countedMaxHeight;
+
+            this.suggestionsListNode.style.maxHeight = `${maxHeight}px`;
         }
 
         hideSuggestionsList() {
@@ -133,6 +149,8 @@ import { getRestInfo } from '@ibexa-admin-ui/src/bundle/Resources/public/js/scri
                     this.hideSuggestionsList();
                 }
             });
+
+            window.addEventListener('resize', this.updateSuggestionsMaxHeight);
         }
     }
 

src/bundle/Resources/public/img/icons/column-settings.svg

@@ -34,6 +34,11 @@
 
         &--more {
             position: relative;
+
+            .ibexa-btn--more {
+                align-items: center;
+                height: calculateRem(48px);
+            }
         }
     }
 

src/bundle/Resources/public/js/scripts/core/suggestion.taggify.js

@@ -32,4 +32,8 @@
             }
         }
     }
+
+    &__helper-text {
+        width: calc(100% - calculateRem(16px));
+    }
 }

src/bundle/Resources/public/scss/_context-menu.scss

@@ -32,7 +32,7 @@
         cursor: pointer;
         display: flex;
         align-items: center;
-        flex-wrap: nowrap;
+        flex-wrap: wrap;
         margin-bottom: 0;
         transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
 

src/bundle/Resources/public/scss/_custom-url-form.scss

@@ -116,6 +116,14 @@
         }
     }
 
+    &--full-width {
+        .container {
+            @media (min-width: 1200px) {
+                max-width: calculateRem(2000px);
+            }
+        }
+    }
+
     .ibexa-content-container {
         display: flex;
         flex-direction: column;

src/bundle/Resources/public/scss/_dropdown.scss

@@ -11,6 +11,10 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+
+        &--disabled {
+            color: $ibexa-color-dark-300;
+        }
     }
 
     &__selected-list {

src/bundle/Resources/public/scss/_main-container.scss

@@ -58,6 +58,8 @@
         background-color: $ibexa-color-white;
         padding: calculateRem(4px);
         box-shadow: $ibexa-edit-content-box-shadow;
+        max-height: calculateRem(480px);
+        overflow-y: auto;
 
         &--hidden {
             display: none;

src/bundle/Resources/public/scss/_tag-view-select.scss

@@ -1,11 +1,10 @@
 .ibexa-user-name {
     display: inline-flex;
-    align-items: center;
 
     &__thumbnail {
         width: calculateRem(20px);
         height: calculateRem(20px);
-        margin-right: calculateRem(8px);
+        margin: calculateRem(2px) calculateRem(8px) 0 0;
     }
 
     &__text {