Adjust image picker layout to prevent pager elements from changing po…

…sitions
dainst · Jun 25, 2020 · 6245316 · 6245316
1 parent de96f2d
commit 6245316
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/components/docedit/widgets/image-picker.html b/src/app/components/docedit/widgets/image-picker.html
@@ -17,7 +17,7 @@
                     i18n="@@docedit.imagePicker.linkImages">{{selectedDocuments.length}} Bilder verknüpfen</span>
         </button>
 
-        <search-bar *ngIf="!selectedDocuments.length"
+        <search-bar [class.hidden-search-bar]="selectedDocuments.length"
                     [showFiltersMenu]="false"
                     (onQueryStringChanged)="setQueryString($event)"
                     class="ml-2">

diff --git a/src/app/components/docedit/widgets/image-picker.scss b/src/app/components/docedit/widgets/image-picker.scss
@@ -5,10 +5,16 @@
 
     search-bar {
       flex-grow: 1;
-    }
 
-    input {
-      height: 39px;
+      input {
+        height: 39px;
+      }
+
+      &.hidden-search-bar {
+        input {
+          display: none;
+        }
+      }
     }
   }
   .modal-body {