mobile: toolbar-search:

- replace free text "Search:" with a proper label element
- give class to input group parent
- style search toolbar
- change font size to 16px so to avoid auto zooms from iOS devices

Change-Id: Iccbae8f7a932786acfde936e2002bd36b1fc564b
Reviewed-on: https://gerrit.libreoffice.org/81883
Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
Reviewed-by: Muhammet Kara <muhammet.kara@collabora.com>
Tested-by: Muhammet Kara <muhammet.kara@collabora.com>
This commit is contained in:
Pedro Pinto Silva 2019-11-01 13:38:09 +01:00 committed by Muhammet Kara
parent 06b0bfe3e0
commit a19f2faf2f
4 changed files with 24 additions and 6 deletions

View file

@ -45,3 +45,21 @@
top: 100%;
margin-top: -3px;
}
#toolbar-search #tb_searchbar_item_search *{
width: 100% !important;
}
#toolbar-search input#search-input{
font-size: 16px;
}
#toolbar-search #tb_searchbar_item_left, #tb_searchbar_right {
display: none;
}
#toolbar-search #tb_searchbar_item_hidesearchbar{
padding: 1px 8px !important;
}
#toolbar-search #tb_searchbar_item_search{
width: 80%;
}
#toolbar-search #search-input-group > label{
display: none;
}

View file

@ -245,8 +245,8 @@ L.CalcTileLayer = L.TileLayer.extend({
items: [
{
type: 'html', id: 'search',
html: '<div style="padding: 3px 10px;" class="loleaflet-font">' +
' ' + _('Search:') +
html: '<div id="search-input-group" style="padding: 3px 10px;" class="loleaflet-font">' +
' <label for="search-input">Search:</label>' +
' <input size="10" id="search-input"' +
'style="padding: 3px; border-radius: 2px; border: 1px solid silver"/>' +
'</div>'

View file

@ -231,8 +231,8 @@ L.ImpressTileLayer = L.TileLayer.extend({
items: [
{
type: 'html', id: 'search',
html: '<div style="padding: 3px 10px;" class="loleaflet-font">' +
' ' + _('Search:') +
html: '<div id="search-input-group" style="padding: 3px 10px;" class="loleaflet-font">' +
' <label for="search-input">Search:</label>' +
' <input size="10" id="search-input"' +
'style="padding: 3px; border-radius: 2px; border: 1px solid silver"/>' +
'</div>'

View file

@ -170,8 +170,8 @@ L.WriterTileLayer = L.TileLayer.extend({
items: [
{
type: 'html', id: 'search',
html: '<div style="padding: 3px 10px;" class="loleaflet-font">' +
' ' + _('Search:') +
html: '<div id="search-input-group" style="padding: 3px 10px;" class="loleaflet-font">' +
' <label for="search-input">Search:</label>' +
' <input size="10" id="search-input"' +
'style="padding: 3px; border-radius: 2px; border: 1px solid silver"/>' +
'</div>'