[BUGFIX] Fix layout of searchbar in RecordList 10/35410/3
authorFrank Nägler <typo3@naegler.net>
Sun, 14 Dec 2014 13:16:57 +0000 (14:16 +0100)
committerWouter Wolters <typo3@wouterwolters.nl>
Sun, 14 Dec 2014 15:19:42 +0000 (16:19 +0100)
This patch fix the layout of the searchbar in RecordList.
Follow-Up for #33627

Resolves: #63837
Related: #33627
Releases: master
Change-Id: Ifced2066a18f5e23e536d50e49763ae7aa08609e
Reviewed-on: http://review.typo3.org/35410
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index 9ecc80b..659e4d3 100644 (file)
@@ -485,18 +485,36 @@ class AbstractDatabaseRecordList extends \TYPO3\CMS\Backend\RecordList\AbstractR
                foreach ($parts as $kv => $label) {
                        $opt[] = '<option value="' . $kv . '"' . ($kv == (int)$this->searchLevels ? ' selected="selected"' : '') . '>' . htmlspecialchars($label) . '</option>';
                }
-               $lMenu = '<select name="search_levels" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search_levels', TRUE) . '" id="search_levels">' . implode('', $opt) . '</select>';
+               $lMenu = '<select class="form-control" name="search_levels" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search_levels', TRUE) . '" id="search_levels">' . implode('', $opt) . '</select>';
                // Table with the search box:
                $content = '<div class="db_list-searchbox-form db_list-searchbox-toolbar" id="db_list-searchbox-toolbar" style="display: ' . ($this->searchString == '' ? 'none' : 'block') . ';">
                        ' . $formElements[0] . '
-                               <div id="typo3-dblist-search">
-                                       <label for="search_field">' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.label.searchString', TRUE) . ': </label>
-                                       <input type="search" placeholder="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.enterSearchString', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.searchString', TRUE) . '" name="search_field" id="search_field" value="' . htmlspecialchars($this->searchString) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(15) . ' />
-                                       <label for="search_levels">' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.label.search_levels', TRUE) . ': </label>
-                                       ' . $lMenu . '
-                                       <label for="showLimit">' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.label.limit', TRUE) . ': </label>
-                                       <input type="number" placeholder="10" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.limit', TRUE) . '" name="showLimit" id="showLimit" value="' . htmlspecialchars(($this->showLimit ? $this->showLimit : '')) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(5) . ' />
-                                       <input type="submit" class="btn" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.search', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search', TRUE) . '" />
+                               <div id="typo3-dblist-search" class="container">
+                                       <div class="row">
+                                               <div class="col-xs-3 col-md-3 col-lg-3">
+                                                       <div class="input-group">
+                                                               <label class="pull-left" for="search_field">' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.label.searchString', TRUE) . ': </label>
+                                                               <input class="form-control" type="search" placeholder="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.enterSearchString', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.searchString', TRUE) . '" name="search_field" id="search_field" value="' . htmlspecialchars($this->searchString) . '" />
+                                                       </div>
+                                               </div>
+                                               <div class="col-xs-3 col-md-3 col-lg-3">
+                                                       <div class="input-group">
+                                                               <label class="pull-left" for="search_levels">' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.label.search_levels', TRUE) . ': </label>
+                                                               ' . $lMenu . '
+                                                       </div>
+                                               </div>
+                                               <div class="col-xs-3 col-md-3 col-lg-3">
+                                                       <div class="input-group">
+                                                               <label class="pull-left" for="showLimit">' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.label.limit', TRUE) . ': </label>
+                                                               <input class="form-control" type="number" placeholder="10" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.limit', TRUE) . '" name="showLimit" id="showLimit" value="' . htmlspecialchars(($this->showLimit ? $this->showLimit : '')) . '" />
+                                                       </div>
+                                               </div>
+                                               <div class="col-xs-3 col-md-3 col-lg-3">
+                                                       <div class="input-group">
+                                                               <input type="submit" class="btn-block" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.search', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search', TRUE) . '" />
+                                                       </div>
+                                               </div>
+                                       </div>
                        ' . $formElements[1] . '</div></div>';
                return $content;
        }
index b6c1534..774dacb 100644 (file)
@@ -27,4 +27,16 @@ table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
 
 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
        background-color: #9999cc;
-}
\ No newline at end of file
+}
+
+#db_list-searchbox-toolbar {
+       padding: 5px;
+
+       .container {
+               width: 100%;
+       }
+
+       input.btn-block {
+               margin-top: 23px;
+       }
+}
index 01e0120..cee205e 100644 (file)
@@ -4530,10 +4530,9 @@ button.close {
   outline: 0;
 }
 .modal-backdrop {
-  position: fixed;
+  position: absolute;
   top: 0;
   right: 0;
-  bottom: 0;
   left: 0;
   background-color: #000000;
 }
@@ -12529,7 +12528,6 @@ body#typo3-file-edit-php div#c-edit {
  *
  * The TYPO3 project - inspiring people to share!
  */
-
 /**
  * Styling for the module User => Workspace
  */
@@ -13183,6 +13181,15 @@ table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
   background-color: #9999cc;
 }
+#db_list-searchbox-toolbar {
+  padding: 5px;
+}
+#db_list-searchbox-toolbar .container {
+  width: 100%;
+}
+#db_list-searchbox-toolbar input.btn-block {
+  margin-top: 23px;
+}
 /*
  * This file is part of the TYPO3 CMS project.
  *