Merge remote-tracking branch 'origin/4.6'

Author: tischsoic

src/bundle/Resources/public/img/background-gray.svg

@@ -269,6 +269,7 @@
         }
 
         .ibexa-input {
+            flex-shrink: 0;
             margin: 0 calculateRem(16px) 0 0;
         }
 

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

@@ -400,7 +400,12 @@
 }
 
 .ibexa-input-text-wrapper {
-    position: relative;
+    display: flex;
+
+    &__input-wrapper {
+        position: relative;
+        flex-grow: 1;
+    }
 
     &__actions {
         display: flex;
@@ -425,6 +430,23 @@
         padding: 0;
     }
 
+    &__right-side-label-wrapper {
+        display: flex;
+    }
+
+    &__right-side-label {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: $ibexa-color-light-200;
+        border: calculateRem(1px) solid $ibexa-color-dark-200;
+        border-left: 0;
+        border-radius: 0 $ibexa-border-radius $ibexa-border-radius 0;
+        padding-left: calculateRem(16px);
+        padding-right: calculateRem(16px);
+        font-size: $ibexa-text-font-size-medium;
+    }
+
     &--type-number {
         max-width: calculateRem(150px);
 
@@ -482,6 +504,13 @@
             }
         }
     }
+
+    &--has-right-side-label {
+        .ibexa-input {
+            border-bottom-right-radius: 0;
+            border-top-right-radius: 0;
+        }
+    }
 }
 
 .ibexa-input--date:placeholder-shown + .ibexa-input-text-wrapper__actions .ibexa-input-text-wrapper__action-btn--clear,

src/bundle/Resources/public/scss/_inputs.scss

@@ -1,28 +1,41 @@
+@import 'universal-discovery/mixins/collapsible-arrow';
+@import 'universal-discovery/mixins/filters-panel';
+@import 'universal-discovery/mixins/filters-row';
+@import 'universal-discovery/mixins/selected.items.panel.item';
+@import 'universal-discovery/mixins/selected.items.panel';
+
 @import 'universal-discovery/main';
 @import 'universal-discovery/tab';
 @import 'universal-discovery/top.menu';
 @import 'universal-discovery/top.menu.search.input';
 @import 'universal-discovery/actions.menu';
+@import 'universal-discovery/collapsible';
 @import 'universal-discovery/content.create';
 @import 'universal-discovery/content.create.widget';
 @import 'universal-discovery/content.create.button';
 @import 'universal-discovery/content.edit';
 @import 'universal-discovery/content.edit.button';
+@import 'universal-discovery/content.type.selector.list';
 @import 'universal-discovery/sort.switcher';
 @import 'universal-discovery/view.switcher';
 @import 'universal-discovery/tab.selector';
 @import 'universal-discovery/finder';
 @import 'universal-discovery/finder.branch';
 @import 'universal-discovery/finder.leaf';
 @import 'universal-discovery/content.meta.preview';
+@import 'universal-discovery/selected.items.panel.item';
+@import 'universal-discovery/selected.items.panel';
 @import 'universal-discovery/selected.locations';
 @import 'universal-discovery/selected.locations.item';
 @import 'universal-discovery/grid';
 @import 'universal-discovery/breadcrumbs';
+@import 'universal-discovery/search.no.results';
 @import 'universal-discovery/search';
 @import 'universal-discovery/search.tags';
 @import 'universal-discovery/content.table.item';
 @import 'universal-discovery/content.table';
+@import 'universal-discovery/filters-panel';
+@import 'universal-discovery/filters-row';
 @import 'universal-discovery/filters';
 @import 'universal-discovery/bookmarks.list';
 @import 'universal-discovery/translation.selector';

src/bundle/Resources/public/scss/ui/modules/_universal.discovery.scss

@@ -1,4 +1,6 @@
 .c-popup {
+    $self: &;
+
     &__dialog {
         @include modal-main();
     }
@@ -53,6 +55,21 @@
         }
     }
 
+    &--has-subheader {
+        .modal-header {
+            border-bottom: 0;
+            padding-bottom: 0;
+        }
+
+        #{$self} {
+            &__subheader {
+                border-bottom: calculateRem(1px) solid $ibexa-color-light-500;
+                padding-bottom: calculateRem(16px);
+                color: $ibexa-color-dark-400;
+            }
+        }
+    }
+
     .ibexa-label--checkbox-radio {
         padding-left: calculateRem(4px);
     }

src/bundle/Resources/public/scss/ui/modules/common/_popup.scss

@@ -0,0 +1,81 @@
+.c-collapsible {
+    $self: &;
+
+    & + .c-filters-row,
+    & + .c-filters__row {
+        border-top: calculateRem(1px) solid $ibexa-color-light;
+    }
+
+    &--hidden {
+        #{$self} {
+            &__title {
+                box-shadow: none;
+                border-bottom-color: transparent;
+
+                &:before {
+                    transform: rotate(135deg);
+                }
+
+                &:after {
+                    transform: rotate(-135deg);
+                }
+            }
+
+            &__content {
+                transform: scaleY(0);
+                opacity: 0;
+                height: 0;
+            }
+        }
+    }
+
+    &__title {
+        position: relative;
+        cursor: pointer;
+        padding: 0 calculateRem(24px);
+        font-size: $ibexa-text-font-size-medium;
+        font-weight: 600;
+        min-height: calculateRem(40px);
+        display: flex;
+        align-items: center;
+        border-style: solid;
+        border-color: $ibexa-color-light;
+        border-width: calculateRem(1px) 0;
+        box-shadow: calculateRem(4px) calculateRem(22px) calculateRem(47px) 0 rgba($ibexa-color-info, 0.05);
+
+        @include collapsible-arrow;
+    }
+
+    &__content {
+        transform: scaleY(1);
+        transform-origin: top center;
+    }
+
+    &__content-wrapper {
+        padding: calculateRem(16px) calculateRem(24px);
+    }
+
+    &__list {
+        padding: 0;
+        margin-bottom: 0;
+        list-style-type: none;
+    }
+
+    &__list-item {
+        padding: calculateRem(6px) 0;
+
+        .form-check {
+            width: 100%;
+        }
+
+        .form-check-label {
+            width: 100%;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+
+        .ibexa-input--checkbox {
+            margin-right: calculateRem(8px);
+        }
+    }
+}

src/bundle/Resources/public/scss/ui/modules/universal-discovery/_collapsible.scss

@@ -0,0 +1,23 @@
+.c-content-type-selector-list {
+    padding: 0;
+    margin-bottom: 0;
+    list-style-type: none;
+
+    &__item {
+        padding: calculateRem(6px) 0;
+
+        .form-check {
+            width: 100%;
+        }
+
+        .form-check-label {
+            width: 100%;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+
+        .ibexa-input--checkbox {
+            margin-right: calculateRem(8px);
+        }
+    }
+}

src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.type.selector.list.scss

@@ -0,0 +1,3 @@
+.c-filters-panel {
+    @include c-filters-panel('.c-filters-row');
+}

src/bundle/Resources/public/scss/ui/modules/universal-discovery/_filters-panel.scss

@@ -0,0 +1,3 @@
+.c-filters-row {
+    @include c-filters-row('__title');
+}