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/logicodev/infobox.less | 4 ++++ searx/static/themes/oscar/less/pointhi/infobox.less | 4 ++++ 2 files changed, 8 insertions(+) (limited to 'searx/static/themes/oscar/less') diff --git a/searx/static/themes/oscar/less/logicodev/infobox.less b/searx/static/themes/oscar/less/logicodev/infobox.less index 86b8afb11..efde04fe0 100644 --- a/searx/static/themes/oscar/less/logicodev/infobox.less +++ b/searx/static/themes/oscar/less/logicodev/infobox.less @@ -14,6 +14,10 @@ font-style: italic; } + img{ + max-height: "250px"; + } + .btn{ background-color: @dark-blue; border: none; 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/logicodev/infobox.less | 7 +++++++ searx/static/themes/oscar/less/pointhi/infobox.less | 7 +++++++ 2 files changed, 14 insertions(+) (limited to 'searx/static/themes/oscar/less') diff --git a/searx/static/themes/oscar/less/logicodev/infobox.less b/searx/static/themes/oscar/less/logicodev/infobox.less index efde04fe0..08a1d326e 100644 --- a/searx/static/themes/oscar/less/logicodev/infobox.less +++ b/searx/static/themes/oscar/less/logicodev/infobox.less @@ -8,6 +8,13 @@ } } + .header_url { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + p{ font-family: "DejaVu Serif", Georgia, Cambria, "Times New Roman", Times, serif !important; 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') 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 --- .../themes/oscar/less/logicodev/infobox.less | 39 ++++++++++++++++++++ .../static/themes/oscar/less/pointhi/infobox.less | 42 +++++++++++++++++++++- 2 files changed, 80 insertions(+), 1 deletion(-) (limited to 'searx/static/themes/oscar/less') diff --git a/searx/static/themes/oscar/less/logicodev/infobox.less b/searx/static/themes/oscar/less/logicodev/infobox.less index 08a1d326e..e3582dffc 100644 --- a/searx/static/themes/oscar/less/logicodev/infobox.less +++ b/searx/static/themes/oscar/less/logicodev/infobox.less @@ -45,4 +45,43 @@ .infobox_part:last-child { margin-bottom: 0; } + + .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; + } } 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