Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-08 10:44:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

E-book viewer: Improve the text layout when looking up words in Google

Browse Source
This commit is contained in:
Kovid Goyal 2021-08-09 09:47:28 +05:30
parent eb75caca48
commit 6b230cb350
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/lookup.js
View File

@ -12,6 +12,7 @@
function fix_google_markup() { function fix_google_markup() {
var cc = document.getElementById('center_col'); var cc = document.getElementById('center_col');
var max_width = 'calc(100vw - 25px)';
if (!cc) { if (!cc) {
if (++num_tries > 10) return; if (++num_tries > 10) return;
setTimeout(fix_google_markup, 100); setTimeout(fix_google_markup, 100);
@ -20,6 +21,8 @@
cc.style.marginLeft = '0'; cc.style.marginLeft = '0';
cc = document.getElementById('cnt'); cc = document.getElementById('cnt');
if (cc) cc.style.paddingTop = '0'; if (cc) cc.style.paddingTop = '0';
var s = document.getElementById('search');
if (s) s.style.maxWidth = max_width;
var params = new URLSearchParams(document.location.search.substring(1)); var params = new URLSearchParams(document.location.search.substring(1));
var q = params.get('q'); var q = params.get('q');
if (q && q.startsWith('define:')) { if (q && q.startsWith('define:')) {
@ -31,9 +34,21 @@
var elem = document.getElementById(id); var elem = document.getElementById(id);
if (elem) elem.style.display = 'none'; if (elem) elem.style.display = 'none';
}); });
// make definitions text wrap
document.querySelectorAll('[data-topic]').forEach(function(elem) { elem.style.maxWidth = max_width; });
} }
var promo = document.getElementById('promos'); var promo = document.getElementById('promos');
if (promo) promo.parentNode.removeChild(promo); if (promo) promo.parentNode.removeChild(promo);
// make search results wrap
document.querySelectorAll('[data-ved]').forEach(function(elem) { elem.style.maxWidth = max_width; });
// the above wrapping causing overlapping text of the
// search results and the citation, fix that
document.querySelectorAll('cite').forEach(function(elem) {
var d = elem.closest('div');
if (d) d.style.position = 'static';
});
} }
if (window.location.hostname === 'www.google.com') { if (window.location.hostname === 'www.google.com') {