0400b8ca5d
[fix] simple theme: fix layout image detail on mobile
...
the width of #main_results #results.image-detail-open.only_template_images
was set to 59.25rem. On mobile, the images overflowed on right side of
the viewport, which creates a horizontal scroll.
This commit set the value to min(98%, 59.25rem) whatever the max-width is.
2021-11-19 10:32:42 +01:00
15758f1ac2
[fix] eslint - option configFile changed to overrideConfigFile
...
https://github.com/sindresorhus/grunt-eslint/pull/171
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-17 20:17:47 +01:00
d06135e48f
Bump grunt-eslint from 23.0.0 to 24.0.0 in /searx/static/themes/simple
...
Bumps [grunt-eslint](https://github.com/sindresorhus/grunt-eslint ) from 23.0.0 to 24.0.0.
- [Release notes](https://github.com/sindresorhus/grunt-eslint/releases )
- [Commits](https://github.com/sindresorhus/grunt-eslint/compare/v23.0.0...v24.0.0 )
---
updated-dependencies:
- dependency-name: grunt-eslint
dependency-type: direct:development
update-type: version-update:semver-major
...
Signed-off-by: dependabot[bot] <support@github.com>
2021-11-17 20:17:45 +01:00
b07884c958
[fix] Optimize SVG for WEB usage / CSP 'style-src self'
...
- Replace grunt-contrib-htmlmin by grunt-image [1].
- Activate svgo's [2] convertStyleToAttrs to make the HTML inline SVGs
compoliant to the CSP policy [3]::
Content-Security-Policy: style-src self;
[1] https://www.npmjs.com/package/grunt-image
[2] https://github.com/svg/svgo
[3] https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src
Closes: https://github.com/searxng/searxng/issues/502
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-15 14:51:55 +01:00
5721617de4
[build] /static
2021-11-13 17:13:09 +01:00
c79bba60a9
[theme] add border radius to engine token input
2021-11-13 17:12:28 +01:00
dfbbc3b471
[fix] simple theme: /preferences: add tokens field
...
include changes to display input text field in the preferences
2021-11-13 17:12:28 +01:00
b369ff4425
[fix] delete trailing whitespace
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-13 15:51:08 +01:00
29e092b931
[build] /static
2021-11-13 10:42:35 +01:00
566dfe3330
[simple theme] update to ion icons 5 and drop webfont
...
* update from ionicons-npm to ionicons ver.5
* drop the webfont built by grunt for icons
* built icons.html template for inlining icons with jinja2 into html
* update icon to use mostly the outline version
* add icons to categories and do not display them on mobile to save space
* remove all legacy ion icon font files from simple theme
* icons.html is added in this commit since make statc.build.restore requires git to know the file already
* cleanup error-dialog
2021-11-13 10:42:07 +01:00
9bf53ab974
[build] /static
2021-11-13 09:06:33 +01:00
04ab012e03
[simple theme] SearXNG wordmark (plain SVG)
...
Remove XML namespaces from Incscape [1]::
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd "
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape "
[1] https://wiki.inkscape.org/wiki/PlainSVG
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-13 09:05:20 +01:00
ee67a65180
[simple theme] replace old searx logo by searxng-wordmark.min.svg
...
Suggested-by: @dalf https://github.com/searxng/searxng/pull/473#issuecomment-962476683
Suggested-by: @MrPaulBlack https://github.com/searxng/searxng/pull/473#issuecomment-962579826
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-13 09:05:20 +01:00
3a981257de
[simple theme] create favicon.png from src/svg/searxng-wordmark.svg
...
new bash function convert_if_newer() / usage::
convert_if_newer <origfile> <outfile> [<options>, ...]
convert_if_newer "path/to/origin.svg" "path/to/converted.png" -transparent white -resize 64x64
Run's ImageMagik' convert comand to generate <outfile> from <origfile>, if
<origfile> is newer than <outfile>. The command line is to convert is::
convert <origfile> [<options>, ...] <outfile>
PNG 'searx/static/themes/simple/img/favicon.png' has been created by::
$ make themes.simple
CONVERT searx/static/themes/simple/src/svg/searxng-wordmark.svg -transparent white -resize 64x64 searx/static/themes/simple/img/favicon.png
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-13 09:05:20 +01:00
bf52353a5c
[enh] minify searxng-wordmark.svg (HTMLMinifier)
...
Command::
./node_modules/.bin/html-minifier \
--remove-comments \
--collapse-whitespace \
src/svg/searxng-wordmark.svg \
-o ../../../templates/__common__/searxng-wordmark.min.svg
- html-minifier: https://github.com/kangax/html-minifier
- onilne: https://kangax.github.io/html-minifier
- grunt: https://www.npmjs.com/package/grunt-contrib-htmlmin
- grunt-contrib-htmlmin: https://github.com/gruntjs/grunt-contrib-htmlmin
- npm: https://www.npmjs.com/package/html-minifier
To test, rebuild your node environment::
make node.env
Alternatives:
- pretty-data: https://github.com/vkiryukhin/pretty-data
- grunt: https://www.npmjs.com/package/grunt-xmlmin
- grunt-xmlming: https://github.com/dtrunk90/grunt-xmlmin
- npm: https://www.npmjs.com/package/grunt-xmlmin
- minify-xml: https://github.com/kristian/minify-xml
- no grunt package available
- npm: https://www.npmjs.com/package/minify-xml
src/svg/searxng-wordmark.svg':
'../../../templates/__common__/searxng-wordmark.min.svg'
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-13 09:05:20 +01:00
edb081638b
[simple theme] SearXNG wordmark (SVG)
...
Related-to:
- https://github.com/searxng/searxng/pull/430#issuecomment-951967239
- https://github.com/searxng/searxng/pull/378
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-13 09:05:20 +01:00
303cea3437
[build] /static
2021-11-13 00:52:34 +01:00
1becb5e138
[simple theme] minor css fixes
...
* remove hover effect from vim help modal
* remove bold font weight from active item in prefenreces tab bar
* remove margin from answer box to unify with rest of result page
2021-11-13 00:51:26 +01:00
9badec0260
[build] /static
2021-11-11 22:28:09 +01:00
a80b5dc110
[fix] scaling of result page on small screens by @ZetaTom
...
* thanks to https://github.com/ZetaTom for the fix!
* set the width of the input#q element to 100% of the 1fr space of the grid layout
* change the viewport meta tag to th recommended value (see: https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics )
* add a new @ultra-small-phone width of 20rem; when a device is smaller than that the search logo does not get displayed on the result page anymore
2021-11-11 22:26:26 +01:00
67ab4d4165
[build] /static
2021-11-06 21:14:12 +01:00
ddc2346a06
[enh] simple theme: mobile layout: allow access to the preferences
...
when there is no query, reduce the width of the query field,
to display the preference button on the right.
2021-11-06 21:13:41 +01:00
558e0c3241
[build] /static
2021-11-05 12:45:15 +01:00
c00e54d61b
[fix] simple theme: image detail: click on the URL to the HTML page works
...
Before this commit, the default click event on an image result is prevented,
this include clicks inside the detail.
This commit makes sure the click happends outside the detail to prevent the default event.
2021-11-05 12:42:44 +01:00
4d051c43f3
[fix] simple theme: various about the hotkeys help
...
* dark mode: #555 border (same as infoboxes and other borders)
* remove a call to console.log
* center the dialog without using the style attribute.
2021-11-05 12:42:44 +01:00
d1c09c84e2
[fix] simple theme: disable hotkeys when they are not enabled in the preferences
2021-11-05 12:42:44 +01:00
6ab78f1a6a
[build] /static
2021-11-05 09:52:50 +01:00
680d70865f
[mod] SearXNG: remove "searx" from the searx*.js file names.
2021-11-05 09:51:27 +01:00
aa08c48af8
[build] /static
2021-11-04 00:07:49 +01:00
7ecd0583fe
[simple theme] add .rounded-corners to selectable_url
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-04 00:05:04 +01:00
e05bcd4311
[simple theme] result layout suggestions
2021-11-04 00:04:57 +01:00
4887c25e7f
[simple theme] simplify and justify #answers & #corrections
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-03 23:59:50 +01:00
ca971bd5e5
[simple theme] CSS remove box-shadow effects
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-03 23:51:07 +01:00
8d6c119593
[build] /static
2021-11-03 09:26:20 +01:00
7179af32f2
[mod] simple theme: dark mode: various fixes
2021-11-03 09:25:33 +01:00
2dcd9a68d6
[mod] simple theme: adjust button colors in dark version.
...
buttons:
* previous & next in the result page
* save, restore, & back in the preferences
* back to top
<select> input in Chrom* browsers:
* fix the white text with a white background issue
2021-11-03 09:25:33 +01:00
67d3dc01a2
[build] /static
2021-11-02 13:59:45 +01:00
7996619691
[theme] simple - improve rendering of the "Answers" box
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-02 13:59:26 +01:00
6782830a4a
[build] /static
2021-10-30 22:34:05 +02:00
540042d0ca
[mod] simple theme: infobox: center the image
2021-10-30 22:33:36 +02:00
60d595ea52
[mod] simple theme: use :root instead of html to define CSS variables
...
This allows to use the CSS variables in inline svg.
2021-10-30 22:33:36 +02:00
d0a3164514
[fix] simple theme: /preferences: dark theme version for select widgets
...
It is not possible to use CSS variable in a SVG when this is in a background.
This commit adds two .svg files, less converts them into data URL.
The two files are indentical except the fill color.
2021-10-30 22:33:34 +02:00
67b0b68b40
[fix] simple theme: /preferences: dark theme version for the response time bar charts
2021-10-30 18:03:37 +02:00
9f0b47f525
[fix] simple theme: cookie table doesn't overflow the expected width
2021-10-30 18:03:37 +02:00
7bfaf42e4b
[build] /static
2021-10-29 20:24:30 +02:00
0650e73b12
[mod] simple theme: SearXNG logo
2021-10-29 20:24:04 +02:00
f86a658c1c
[build] /static
2021-10-29 19:27:38 +02:00
9ddcd62464
[simple theme] selection ui with border
...
* remove vim arrow
* add 1rem padding to results
* add 0.2rem left border to vim selected article
* set column gap to 1.2rem and make search bar in line with results
* put 10px border-radius selected article
* result article: 0.125rem margin on tablet and esktop; 1rem margin on phone
2021-10-29 19:27:38 +02:00
861f046090
[build] /static
2021-10-28 20:54:17 +02:00
e2d312f6ae
[mod] simple theme: adjust margins
...
* index page: margin top is 24% of the view port.
avoid to scroll a small screen,
center the content in the middle of the screen
* link to preferences at the same height same the input fields
* increase the category tab heighs
* increase the margin bottom of the query field
* in the results, change the h3 margin top and bottom to 0.4rem (6px)
* move the back to top button slightly on the right when the results are only images
2021-10-28 20:53:52 +02:00
Alexandre Flament