Fix position of the filter button when the table is overflowing

diff --git a/com.woltlab.wcf/templates/shared_gridView.tpl b/com.woltlab.wcf/templates/shared_gridView.tpl
index bc78305d6f48119b1c66233583a4ca8b66571494..1330fe350d1a62079a69cf2f08d893fa5a99532b 100644 (file)
--- a/com.woltlab.wcf/templates/shared_gridView.tpl
+++ b/com.woltlab.wcf/templates/shared_gridView.tpl
@@ -18,33 +18,35 @@
                </div>
        {/if}
        
-       <table class="gridView__table" id="{$view->getID()}_table"{if !$view->countRows()} hidden{/if}>
-               <thead>
-                       <tr class="gridView__headerRow">
-                               {foreach from=$view->getVisibleColumns() item='column'}
-                                       <th
-                                               class="gridView__headerColumn {$column->getClasses()}"
-                                               data-id="{$column->getID()}"
-                                               data-sortable="{$column->isSortable()}"
-                                       >
-                                               {if $column->isSortable()}
-                                                       <button type="button" class="gridView__headerColumn__button">
+       <div class="gridView__tableContainer">
+               <table class="gridView__table" id="{$view->getID()}_table"{if !$view->countRows()} hidden{/if}>
+                       <thead>
+                               <tr class="gridView__headerRow">
+                                       {foreach from=$view->getVisibleColumns() item='column'}
+                                               <th
+                                                       class="gridView__headerColumn {$column->getClasses()}"
+                                                       data-id="{$column->getID()}"
+                                                       data-sortable="{$column->isSortable()}"
+                                               >
+                                                       {if $column->isSortable()}
+                                                               <button type="button" class="gridView__headerColumn__button">
+                                                                       {unsafe:$column->getLabel()}
+                                                               </button>
+                                                       {else}
                                                                {unsafe:$column->getLabel()}
-                                                       </button>
-                                               {else}
-                                                       {unsafe:$column->getLabel()}
-                                               {/if}
-                                       </th>
-                               {/foreach}
-                               {if $view->hasActions()}
-                                       <th class="gridView__headerColumn gridView__actionColumn"></th>
-                               {/if}
-                       </td>
-               </thead>
-               <tbody>
-                       {unsafe:$view->renderRows()}
-               </tbody>
-       </table>
+                                                       {/if}
+                                               </th>
+                                       {/foreach}
+                                       {if $view->hasActions()}
+                                               <th class="gridView__headerColumn gridView__actionColumn"></th>
+                                       {/if}
+                               </td>
+                       </thead>
+                       <tbody>
+                               {unsafe:$view->renderRows()}
+                       </tbody>
+               </table>
+       </div>
 
        <div class="gridView__pagination">
                <woltlab-core-pagination id="{$view->getID()}_pagination" page="{$view->getPageNo()}" count="{$view->countPages()}"></woltlab-core-pagination>

diff --git a/wcfsetup/install/files/style/ui/gridView.scss b/wcfsetup/install/files/style/ui/gridView.scss
index 5a2efa39d564e17162ef73af3b26fa0d48fd7105..c811bde7b05ef469bf56de2fa8bcafaac5d31aba 100644 (file)
--- a/wcfsetup/install/files/style/ui/gridView.scss
+++ b/wcfsetup/install/files/style/ui/gridView.scss
@@ -1,4 +1,4 @@
-.gridView {
+.gridView__tableContainer {
        overflow: auto;
 }