diff --git a/package.json b/package.json index def8b227..014cd00d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Surfingkeys", - "version": "1.16.0", + "version": "1.16.1", "description": "Map your keys for web surfing, expand your browser with javascript and keyboard.", "main": "background.js", "directories": { diff --git a/src/content_scripts/ui/frontend.css b/src/content_scripts/ui/frontend.css index f480b860..0440a781 100644 --- a/src/content_scripts/ui/frontend.css +++ b/src/content_scripts/ui/frontend.css @@ -112,7 +112,8 @@ body { } #sk_omnibarSearchResult>ul>li { padding: 0.2rem 0rem; - display: block; + display: flex; + align-items: center; max-height: 600px; overflow-x: hidden; overflow-y: auto; @@ -138,12 +139,9 @@ body { vertical-align: middle; display: table-cell; } -#sk_omnibarSearchResult li.tab { - display: flex; - align-items: flex-start; -} -#sk_omnibarSearchResult li.tab img { - margin-right: 0.5rem; +#sk_omnibarSearchResult li .icon { + margin-right: 0.5rem; + width: 16px; } #sk_omnibarSearchResult li div.title { text-align: left; diff --git a/src/content_scripts/ui/omnibar.js b/src/content_scripts/ui/omnibar.js index 5e39504f..fc3d6927 100644 --- a/src/content_scripts/ui/omnibar.js +++ b/src/content_scripts/ui/omnibar.js @@ -405,18 +405,17 @@ function createOmnibar(front, clipboard) { } else if(b.hasOwnProperty('width')) { type = "🔖"; uid = "T" + b.windowId + ":" + b.id; - // } else if(b.type && /^\p{Emoji}$/u.test(b.type)) { + // } else if(b.type && /^\p{Emoji}$/u.test(b.type)) { } else if(b.type && b.type.length === 2 && b.type.charCodeAt(0) > 255) { type = b.type; } + var li = createElementWithContent('li', `
${type}
`); if (b.hasOwnProperty('favIconUrl')) { - var li = createElementWithContent('li', - `
${self.highlight(rxp, htmlEncode(b.title))} ${additional}
${self.highlight(rxp, htmlEncode(safeDecodeURIComponent(b.url)))}
`, { "class": "tab" }); - attachFaviconToImgSrc(b, li.querySelector('img')); - } else { - var li = createElementWithContent('li', - `
${type} ${self.highlight(rxp, htmlEncode(b.title))} ${additional}
${self.highlight(rxp, htmlEncode(safeDecodeURIComponent(b.url)))}
`); + li = createElementWithContent('li', ``); + attachFaviconToImgSrc(b, li.querySelector('img')); } + li.appendChild(createElementWithContent('div', + `
${self.highlight(rxp, htmlEncode(b.title))} ${additional}
${self.highlight(rxp, htmlEncode(safeDecodeURIComponent(b.url)))}
`, { "class": "text-container" })); li.uid = uid; li.url = b.url; return li;