From 001eb047cd0ea25091757a2fbcc333b4e4c99e69 Mon Sep 17 00:00:00 2001 From: Marc Abonce Seguin Date: Sun, 2 Aug 2020 17:11:24 -0700 Subject: set max-height on infobox's images --- searx/static/themes/oscar/less/pointhi/infobox.less | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'searx/static/themes/oscar/less/pointhi') diff --git a/searx/static/themes/oscar/less/pointhi/infobox.less b/searx/static/themes/oscar/less/pointhi/infobox.less index df51b002e..4997466a8 100644 --- a/searx/static/themes/oscar/less/pointhi/infobox.less +++ b/searx/static/themes/oscar/less/pointhi/infobox.less @@ -1,4 +1,8 @@ .infobox { + img{ + max-height: 250px; + } + .infobox_part { margin-bottom: 20px; word-wrap: break-word; -- cgit v1.2.3 From 74270a3fc2db9637d0f997282f092ddfdd3a72c7 Mon Sep 17 00:00:00 2001 From: Marc Abonce Seguin Date: Sun, 2 Aug 2020 18:18:30 -0700 Subject: add class for infobox's official url --- searx/static/themes/oscar/less/pointhi/infobox.less | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'searx/static/themes/oscar/less/pointhi') diff --git a/searx/static/themes/oscar/less/pointhi/infobox.less b/searx/static/themes/oscar/less/pointhi/infobox.less index 4997466a8..226941706 100644 --- a/searx/static/themes/oscar/less/pointhi/infobox.less +++ b/searx/static/themes/oscar/less/pointhi/infobox.less @@ -12,4 +12,11 @@ .infobox_part:last-child { margin-bottom: 0; } + + .header_url { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } } -- cgit v1.2.3 From 57bad502a698c3d337641ad700cefd0be344ddd6 Mon Sep 17 00:00:00 2001 From: Marc Abonce Seguin Date: Sun, 2 Aug 2020 20:37:54 -0700 Subject: add visually-hidden css class to pointhi style --- searx/static/themes/oscar/less/pointhi/search.less | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'searx/static/themes/oscar/less/pointhi') diff --git a/searx/static/themes/oscar/less/pointhi/search.less b/searx/static/themes/oscar/less/pointhi/search.less index 5ff73360a..ac0a7a0c7 100644 --- a/searx/static/themes/oscar/less/pointhi/search.less +++ b/searx/static/themes/oscar/less/pointhi/search.less @@ -31,3 +31,13 @@ background-color: #EEE; } } + +.visually-hidden { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); + white-space: nowrap; /* added line */ +} -- cgit v1.2.3 From 0601f2bb481758ed8e0e68f96a976063d9b229db Mon Sep 17 00:00:00 2001 From: Marc Abonce Seguin Date: Mon, 3 Aug 2020 00:15:54 -0700 Subject: add toggle to resize infobox --- .../static/themes/oscar/less/pointhi/infobox.less | 42 +++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) (limited to 'searx/static/themes/oscar/less/pointhi') diff --git a/searx/static/themes/oscar/less/pointhi/infobox.less b/searx/static/themes/oscar/less/pointhi/infobox.less index 226941706..e6a55e944 100644 --- a/searx/static/themes/oscar/less/pointhi/infobox.less +++ b/searx/static/themes/oscar/less/pointhi/infobox.less @@ -1,5 +1,6 @@ .infobox { - img{ + + img { max-height: 250px; } @@ -19,4 +20,43 @@ text-overflow: ellipsis; display: block; } + + .infobox_toggle { + width: 100%; + text-align: center; + margin-bottom: 0px; + } + + // Shrink infobox size when toggle is off + .infobox_checkbox ~ .infobox_body { + max-height: 300px; + overflow: hidden; + } + .infobox_checkbox:checked ~ .infobox_body { + max-height: none; + } + + // Show toggle button as down when infobox is shrunk + .infobox_checkbox ~ .infobox_toggle .infobox_label_down { + display: block; + } + .infobox_checkbox ~ .infobox_toggle .infobox_label_up { + display: none; + } + + // Show toggle button as up when infobox is expanded + .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up { + display: block; + } + .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down { + display: none; + } + + // Hide main image when toggle is off + .infobox_checkbox ~ .infobox_body img.infobox_part { + display: none; + } + .infobox_checkbox:checked ~ .infobox_body img.infobox_part { + display: block; + } } -- cgit v1.2.3