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

E-book viewer: Improve display of Lookup results from Google

Browse Source
This commit is contained in:
Kovid Goyal 2025-08-06 08:57:19 +05:30
parent 5690f37477
commit 956ef2a662
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 96 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

137
resources/lookup.js
View File

@ -9,54 +9,107 @@
"use strict";
var num_tries = 0;
var style_id = 'a' + Math.random().toString(36).slice(2);
function fix_google_markup() {
var cc = document.getElementById('center_col');
var max_width = 'calc(100vw - 25px)';
if (!cc) {
if (++num_tries > 10) return;
setTimeout(fix_google_markup, 100);
return;
}
cc.style.maxWidth = max_width;
cc.style.marginLeft = '0';
var rcnt = document.getElementById('rcnt');
if (rcnt) rcnt.style.marginLeft = '0';
cc = document.getElementById('cnt');
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 q = params.get('q');
if (q && q.startsWith('define:')) {
cc.style.position = 'absolute';
cc.style.top = '0';
cc.style.left = '0';
cc.style.paddingLeft = '6px';
cc.style.paddingRight = '6px';
var remove = ['sfcnt', 'top_nav', 'before-appbar', 'appbar', 'searchform', 'easter-egg', 'topstuff'];
remove.forEach(function(id) {
var elem = document.getElementById(id);
if (elem) elem.style.display = 'none';
try {
var cc = document.getElementById('center_col');
if (!cc) {
if (++num_tries > 10) return;
return setTimeout(fix_google_markup, 100);
}
// figure out if they actually got a dictionary card
var is_dictionary_result = !!document.querySelector('.lr_container, .lr_dct_ent');
// grab the raw query
var q = new URLSearchParams(location.search.slice(1)).get('q') || ''
if (is_dictionary_result) {
// Only add styles once to prevent duplication
if (!document.getElementById(style_id)) {
var style = document.createElement('style');
style.id = style_id;
style.textContent = `
* {
column-gap: 0!important;
-webkit-column-gap: 0!important;
}
#center_col {
position: absolute !important;
top: 1px !important; /* Using your preferred 1px value */
left: 0 !important;
z-index: 100;
}
#cnt {
position: relative;
min-height: 100vh;
}
/* Clear the space where search form was */
#searchform, #appbar, #before-appbar {
display: none !important;
}
`;
document.head.appendChild(style);
}
var maxW = 'calc(100vw - 25px)';
cc.style.maxWidth = maxW;
cc.style.marginLeft = '0';
['rcnt','cnt','search']
.forEach(function(id) {
var e = document.getElementById(id);
if (e) {
if (id==='search') e.style.maxWidth = maxW;
else if (id==='cnt') e.style.paddingTop = '0';
else e.style.marginLeft = '0';
}
});
cc.style.paddingLeft = '0';
cc.style.paddingRight = '6px';
// constrain define text
document.querySelectorAll('[data-topic]')
.forEach(e => e.style.maxWidth = maxW);
// Ensure footer stays at bottom - with null check
var cnt = document.getElementById('cnt');
if (cnt) cnt.style.minHeight = '100vh';
}
// hide bunch of useful UI elements
['sfcnt', 'top_nav', 'easter-egg', 'topstuff', 'searchform', 'appbar', 'before-appbar']
.forEach(function(id){
var e = document.getElementById(id);
if (e && e.style) e.style.display = 'none';
});
// make definitions text wrap
document.querySelectorAll('[data-topic]').forEach(function(elem) { elem.style.maxWidth = max_width; });
// remove that promo sidebar, wrap rest nicely
var promo = document.getElementById('promos');
if (promo) promo.remove();
document.querySelectorAll('[data-ved]')
.forEach(e => e.style.maxWidth = '100%');
document.querySelectorAll('cite')
.forEach(c => {
var wrap = c.closest('div');
if (wrap) wrap.style.position = 'static';
});
} catch(e) {
console.error("fix_google_markup() failed with error:");
console.error(e);
}
var promo = document.getElementById('promos');
if (promo) promo.parentNode.removeChild(promo);
}
// make search results wrap
document.querySelectorAll('[data-ved]').forEach(function(elem) { elem.style.maxWidth = max_width; });
if (location.hostname === 'www.google.com') {
window.addEventListener('DOMContentLoaded', fix_google_markup);
// 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';
// Re-run on resize to handle Google's dynamic layout changes
window.addEventListener('resize', function() {
// Reset try counter to handle DOM changes
num_tries = 0;
fix_google_markup();
});
}
if (window.location.hostname === 'www.google.com') {
window.addEventListener('DOMContentLoaded', fix_google_markup);
}
})();