MrPaulBlack
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
Alexandre Flament
67ab4d4165
[build] /static
2021-11-06 21:14:12 +01:00
Alexandre Flament
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
Alexandre Flament
558e0c3241
[build] /static
2021-11-05 12:45:15 +01:00
Alexandre Flament
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
Alexandre Flament
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
Alexandre Flament
d1c09c84e2
[fix] simple theme: disable hotkeys when they are not enabled in the preferences
2021-11-05 12:42:44 +01:00
Alexandre Flament
6ab78f1a6a
[build] /static
2021-11-05 09:52:50 +01:00
Alexandre Flament
680d70865f
[mod] SearXNG: remove "searx" from the searx*.js file names.
2021-11-05 09:51:27 +01:00
Markus Heiser
aa08c48af8
[build] /static
2021-11-04 00:07:49 +01:00
Markus Heiser
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
MrPaulBlack
e05bcd4311
[simple theme] result layout suggestions
2021-11-04 00:04:57 +01:00
Markus Heiser
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
Markus Heiser
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
Alexandre Flament
8d6c119593
[build] /static
2021-11-03 09:26:20 +01:00
Alexandre Flament
7179af32f2
[mod] simple theme: dark mode: various fixes
2021-11-03 09:25:33 +01:00
Alexandre Flament
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
Markus Heiser
67d3dc01a2
[build] /static
2021-11-02 13:59:45 +01:00
Markus Heiser
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
Alexandre Flament
6782830a4a
[build] /static
2021-10-30 22:34:05 +02:00
Alexandre Flament
540042d0ca
[mod] simple theme: infobox: center the image
2021-10-30 22:33:36 +02:00
Alexandre Flament
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
Alexandre Flament
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
Alexandre Flament
67b0b68b40
[fix] simple theme: /preferences: dark theme version for the response time bar charts
2021-10-30 18:03:37 +02:00
Alexandre Flament
9f0b47f525
[fix] simple theme: cookie table doesn't overflow the expected width
2021-10-30 18:03:37 +02:00
Alexandre Flament
7bfaf42e4b
[build] /static
2021-10-29 20:24:30 +02:00
Alexandre Flament
0650e73b12
[mod] simple theme: SearXNG logo
2021-10-29 20:24:04 +02:00
MrPaulBlack
f86a658c1c
[build] /static
2021-10-29 19:27:38 +02:00
MrPaulBlack
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
Alexandre Flament
861f046090
[build] /static
2021-10-28 20:54:17 +02:00
Alexandre Flament
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
a93bd19101
[build] /static
2021-10-28 08:37:38 +02:00
Alexandre Flament
fd374d6322
[enh] simple theme: image detail
...
When an image is selected, the detail with the full size image is displayed
on the right side of the screen (or full screen on tablet and phone).
When Javascript is disabled, the thumbnail is a linked to the full size image,
as it was before.
When the image proxy is enabled, the full size image is also proxied,
in consequence this commit increases the bandwidth usage of instances.
The detail can be closed by the close button or the Esc key.
It is possible to go to the next and previous images using the j and k keys
or the button on the top right of the screen.
2021-10-28 08:28:21 +02:00
Markus Heiser
84447b87e1
[build] /static
2021-10-27 06:17:37 +00:00
MrPaulBlack
1723726361
[simple theme] make url clickable and cleanup result article header
...
* url in article head is clickable
* url is bigger now 0.96em font
* url is now left floating on tablet and phone
* there is a 8px top and bottom margin on h3 result heading
2021-10-27 06:17:37 +00:00
MrPaulBlack
8918fb3eb0
[build] /static
2021-10-27 05:47:25 +00:00
MrPaulBlack
bcc313bcf8
[simple theme] add logo to search form on result page
...
* rework search form as grid layout
* remove various paddings and margins
* add logo and link to index to search form
* make categories bigger on phone
2021-10-27 05:47:25 +00:00
Alexandre Flament
cab98ed6c7
[build] /static
2021-10-21 08:26:42 +00:00
Alexandre Flament
ff5ded2baf
[mod] upgrade grunt-contrib-concat: ~2.0.0
2021-10-21 08:26:42 +00:00
MrPaulBlack
9ff0a91fca
[build] /static
2021-10-18 21:57:56 +02:00
MrPaulBlack
6204ef665f
[simple theme] define device width with less vars in defenition.less
2021-10-18 21:57:32 +02:00
MrPaulBlack
32fb2bdf85
[build] /static
2021-10-17 11:01:02 +00:00
MrPaulBlack
5e6e964c54
[simple theme] center results on tablet
2021-10-17 11:01:02 +00:00
dependabot[bot]
1f39b99c03
Bump eslint from 7.32.0 to 8.0.1 in /searx/static/themes/simple
...
Bumps [eslint](https://github.com/eslint/eslint ) from 7.32.0 to 8.0.1.
- [Release notes](https://github.com/eslint/eslint/releases )
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md )
- [Commits](https://github.com/eslint/eslint/compare/v7.32.0...v8.0.1 )
---
updated-dependencies:
- dependency-name: eslint
dependency-type: direct:development
update-type: version-update:semver-major
...
Signed-off-by: dependabot[bot] <support@github.com>
2021-10-15 07:16:16 +00:00
MrPaulBlack
d8c9839625
[build] /static
2021-10-09 16:03:58 +02:00
MrPaulBlack
bc2c8e6ba9
[simple theme] add a dark theme
...
* add a new color theme for a dark mode
* make the device auto switch between dark and light theme
2021-10-09 16:00:56 +02:00
MrPaulBlack
3daa024c04
[simple theme] new color theme and result on mobile and tablet
...
* clean up vars in defenition
* results look now the same on mobile and desktop
* reworked results on mobile
* new color theme with more vibrant colors
2021-10-09 16:00:56 +02:00
MrPaulBlack
740fca00cc
Redo Color Theme and css cleanup
...
* remove vars and add elements to base and btn vars
* change default border radius to 10px and padding to 0.7em
* put border radius and padding on search input form, infoxbox and buttons
* remove unused .help class in #categories_container
* remove active background from tabs to straemline design
* redo search form: 10px padding
* 2rem margin on search results on desktop
* fix modal pacement of engine reliability in prefs
* use darker accent colors
* streamline autocomplete with more padding and a hover effect
2021-10-09 16:00:56 +02:00
MrPaulBlack
7c2a518d12
[theme] replace all hardcoded colors by css vars and drop ununsed vars
2021-10-09 16:00:55 +02:00
MrPaulBlack
452b266387
[theme] convert less vars to css vars in simple theme
2021-10-09 16:00:55 +02:00
dependabot[bot]
94de9ee61a
Bump grunt-contrib-jshint in /searx/static/themes/oscar
...
Bumps [grunt-contrib-jshint](https://github.com/gruntjs/grunt-contrib-jshint ) from 3.0.0 to 3.1.1.
- [Release notes](https://github.com/gruntjs/grunt-contrib-jshint/releases )
- [Changelog](https://github.com/gruntjs/grunt-contrib-jshint/blob/main/CHANGELOG )
- [Commits](https://github.com/gruntjs/grunt-contrib-jshint/commits/v3.1.1 )
---
updated-dependencies:
- dependency-name: grunt-contrib-jshint
dependency-type: direct:development
update-type: version-update:semver-minor
...
Signed-off-by: dependabot[bot] <support@github.com>
2021-10-08 07:46:52 +00:00
dependabot[bot]
a88ee63aca
Bump grunt-contrib-jshint in /searx/static/themes/simple
...
Bumps [grunt-contrib-jshint](https://github.com/gruntjs/grunt-contrib-jshint ) from 3.0.0 to 3.1.1.
- [Release notes](https://github.com/gruntjs/grunt-contrib-jshint/releases )
- [Changelog](https://github.com/gruntjs/grunt-contrib-jshint/blob/main/CHANGELOG )
- [Commits](https://github.com/gruntjs/grunt-contrib-jshint/commits/v3.1.1 )
---
updated-dependencies:
- dependency-name: grunt-contrib-jshint
dependency-type: direct:development
update-type: version-update:semver-minor
...
Signed-off-by: dependabot[bot] <support@github.com>
2021-10-08 07:05:58 +00:00
Alexandre Flament
715c445e9b
[build] /static
2021-10-03 19:04:18 +02:00
Alexandre Flament
a53a4d5012
[build] /static
2021-10-01 18:09:37 +02:00
Alexandre Flament
74b0830362
SearXNG: simple theme
2021-10-01 18:06:55 +02:00
Alexandre Flament
1dfac73a64
[build] /static
2021-09-30 19:01:50 +02:00
Alexandre Flament
df06dddc04
SearXNG: oscar theme
2021-09-30 18:50:21 +02:00
MrPaulBlack
43fc136207
[build] /static
2021-09-28 00:26:43 +02:00
MrPaulBlack
57f58f85bd
[fix] position of engine description tooltip
2021-09-28 00:26:17 +02:00
Markus Heiser
73cb80e71d
[build] /static
2021-09-27 17:40:11 +02:00
Markus Heiser
8ac776765c
[theme] simple: do not prefer arial over user's sans-serif font
...
The default *sans-serif* font from the browsers most often renders much better
compared to Arial font.
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-09-27 17:37:15 +02:00
MrPaulBlack
e8ed56251a
[build] /static
2021-09-27 13:47:00 +02:00
MrPaulBlack
f81afed60b
[fix] backtotop and pagination on image result page
2021-09-27 13:46:40 +02:00
MrPaulBlack
8268873701
[fix] several issues in the simple theme
...
- using more rem in style and definitions
- mobile width in preferences.less fix max-width: 75em to 80em (normalized with
style.less and other)
- do not display #backToTop position on tablet (when max-width: 80em)
- fix answer box on mobile (when max-width: 50em)
2021-09-27 13:17:17 +02:00
MrPaulBlack
b6ae1f1c7a
[theme] margin around checkboxes is bigger now, index centers the search more and the pref, stats and about page have a max-width now
2021-09-27 12:26:54 +02:00
MrPaulBlack
859179f0c9
[theme] optimize switching between different device types
2021-09-27 12:26:54 +02:00
MrPaulBlack
385dce213b
[theme] cleanup grid layout and remove various margins and paddings from elements
2021-09-27 12:26:54 +02:00
Alexandre Flament
cc3c54f4cd
simple theme: update
2021-09-27 12:26:54 +02:00
MrPaulBlack
88c17d106d
[fix] make selected tabs not change wifth anymore compared to not being selected
2021-09-27 12:26:54 +02:00
Alexandre Flament
39876d9f14
[build] /static
2021-09-24 20:38:56 +02:00
Alexandre Flament
2f1384f198
[enh] themes: display the engine descriptions
2021-09-24 20:38:05 +02:00
MrPaulBlack
30a9146bdc
[build] /static
2021-09-24 18:02:07 +02:00
MrPaulBlack
7cb5099c88
[preferences] make elements in query selecter align left
2021-09-24 18:01:20 +02:00
MrPaulBlack
fa95cd91a8
[build] /static
2021-09-22 21:44:35 +02:00
MrPaulBlack
79351c2e4d
[fix] searx.js null pointer exception when category div is missing
2021-09-22 21:41:19 +02:00
Alexandre Flament
e8e81c7432
[build] /static
2021-09-19 22:01:19 +02:00
Alexandre Flament
2cc6301c98
[fix] Oscar theme: fix input field on Safari
...
close #323
2021-09-19 22:00:59 +02:00
Markus Heiser
b0623ac9f6
[build] /static
2021-09-07 17:48:56 +02:00
Markus Heiser
bd830f7449
[fix] simple theme - preferences: fix tooltip overflow
...
Suggested-by: @dalf https://github.com/searxng/searxng/pull/295#discussion_r703370358
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-09-07 16:46:49 +02:00
Markus Heiser
9068a72c6a
[fix] oscar theme - preferences: rename col-checkbox/col-stat
...
[1] https://github.com/searxng/searxng/pull/295#discussion_r703318053
[2] https://github.com/searxng/searxng/pull/295#discussion_r703337237
Suggested-by: @dalf [1] [2]
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-09-07 12:26:07 +02:00
Markus Heiser
222031e975
[fix] make oscar theme more CSP compliant - col-checkbox
...
Add col-checkbox in::
searx/static/themes/oscar/src/less/preferences.less
Replaced style in file::
searx/templates/oscar/preferences.html
Reported-by: https://github.com/searxng/searxng/issues/57
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-09-07 08:24:48 +02:00
Markus Heiser
9d106ae972
[fix] make oscar theme more CSP compliant - default-image-style
...
Add default-image-style in::
searx/static/themes/oscar/src/less/result_templates.less
Replaced style= in files::
./oscar/result_templates/default.html:19: <img src="{{ image_proxify(result.img_src or result.thumbnail) }}" title="{{ result.title|striptags }}" style="width: auto; max-height: 60px; min-height: 60px;" class="col-xs-2 col-sm-4 col-md-4 result-content">
./oscar/result_templates/files.html:24:<img src="{{ image_proxify(result.img_src) }}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" style="width: auto; max-height: 60px; min-height: 60px;" class="col-xs-2 col-sm-4 col-md-4 result-content">
Reported-by: https://github.com/searxng/searxng/issues/57
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-09-07 08:20:30 +02:00
Markus Heiser
0d070fde92
[build] /static
2021-09-06 11:12:17 +02:00
Markus Heiser
ad528c706e
[fix] make result template map more CSP compliant - simple & oscar
...
Add osm-map-box in::
searx/static/themes/__common__/less/result_templates.less
Replaced sty= in files::
./oscar/result_templates/map.html:64: <div style="height:300px; width:100%; margin: 10px 0;" id="osm-map-{{ index }}"></div>
./simple/result_templates/map.html:65: <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" style="height:300px; width:100%; margin: 10px 0;" ></div></div>
Reported-by: https://github.com/searxng/searxng/issues/57
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-09-06 11:08:50 +02:00
Markus Heiser
37b3d8c33b
Merge pull request #276 from dalf/simple_eslint
...
Simple theme: eslint and bug fix
2021-08-31 16:13:47 +00:00
Alexandre Flament
d246679dbe
[build] /static
2021-08-31 15:43:28 +02:00
Alexandre Flament
f77f797f8c
[mod] simple theme: fix eslint errors, fix VIM keys
...
* VIM keys: fix the next page and previous pages (n, p keys)
* Map: Enable the wikipedia map (the layer was initialized but not included)
2021-08-31 15:41:31 +02:00
Alexandre Flament
0ee316f3d1
eslint: grunt integration
2021-08-31 12:20:23 +02:00
Markus Heiser
2948a99b6e
[mod] simple theme - add ESLint
...
[1] https://eslint.org/
[2] https://eslint.org/docs/user-guide/configuring/
[3] https://eslint.org/docs/user-guide/command-line-interface
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-08-31 12:20:23 +02:00
Alexandre Flament
d29094579b
[build] /static
2021-06-28 10:39:10 +02:00
Markus Heiser
76a066d4a3
[mod] themes: remove banner generated by grunt
...
The banner is useless and responsible for unwanted diff.
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-06-28 10:38:44 +02:00
Markus Heiser
a3f58a3a3d
[emacs] .dir-locals.el: add setup for js-mode
...
- move jshint option from gruntfile to .jshintrc
- remove trailing-whitespace from gruntfile and
- add jshint esversion: 6
- .dir-locals.el add locals for js-mode to use JSHint from the simple theme
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-06-24 13:27:21 +02:00
Markus Heiser
f73a00dcee
[stylelint] disable role 'no-descending-specificity'
...
This patch disables role 'no-descending-specificity'. IMO it is better to have
this rule active (see below [1]), but it is hard to rewrite the less files to
pass this rule, so for the first I chose to disable this rule.
---
Source order is important in CSS, and when two selectors have the same
specificity, the one that occurs last will take priority. However, the situation
is different when one of the selectors has a higher specificity. In that case,
source order does not matter: the selector with higher specificity will win out
even if it comes first.
The clashes of these two mechanisms for prioritization, source order and
specificity, can cause some confusion when reading stylesheets. If a selector
with higher specificity comes before the selector it overrides, we have to think
harder to understand it, because it violates the source order
expectation. Stylesheets are most legible when overriding selectors always come
after the selectors they override. That way both mechanisms, source order and
specificity, work together nicely.
This rule enforces that practice as best it can, reporting fewer errors than it
should. It cannot catch every actual overriding selector, but it can catch
certain common mistakes.
[1] https://stylelint.io/user-guide/rules/list/no-descending-specificity/
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-06-24 13:27:21 +02:00
Markus Heiser
0b7d03c694
[stylelint] simple theme: fix some errors reported by stylelint
...
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-06-24 13:27:21 +02:00
Markus Heiser
14b09c15c4
[fix] simple theme: use stylint to fix common lint errors
...
This fix was autogenerated by::
npx stylelint -f unix --fix 'searx/static/themes/simple/src/less/**/*.less'
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-06-24 13:27:21 +02:00
Markus Heiser
dfc5c3bc15
[mod] add stylelint process to target themes.simple
...
Before build, do lint the LESS files using stylelint [1]. The configuration
'stylelint-config-standard' [2] is added to the root of the simple theme [3].
[1] https://stylelint.io/
[2] https://github.com/stylelint/stylelint-config-standard
[3] https://stylelint.io/user-guide/configure
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-06-24 13:27:21 +02:00
Alexandre Flament
04492b76de
[themes] ignore packages-lock.json
2021-06-22 08:17:06 +02:00
Alexandre Flament
2bc9b00cd7
Static build
2021-06-22 08:15:17 +02:00
Alexandre Flament
dca3bcca9e
[mod] simple theme: include fonts
...
"npm run webfont" to build the fonts directory.
It requires fontforge and ttfautohint distro packages.
partial revert of commit 7137d2893f
2021-06-22 08:15:17 +02:00
Alexandre Flament
d20f6a1f19
[mod] make themes.all update pygments*.less
...
Add a searx/static/themes/*/src/generated empty folder
2021-06-22 08:15:11 +02:00