summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src
AgeCommit message (Collapse)Author
2022-01-16[enh] simple theme: RTL supportAlexandre Flament
* mirror all inline SVGs so that direction SVGs display correctly on RTL * set the bold list element in info box to RTL so the colon gets displayed on the right side * set correct .ltr function for the left border on the search button in #q * move text to the right in autocomplete * move search form in lign with result article on RTL * add the correct padding for img thumbnails in categories like music on RTL * apply RTL to result table for map results * align text in tables part of /preferences on RTL * move burger menu on index page to the left on RTL * fix positioning of drop down arrow on select boxes on RTL * align result URL on the right (written LTR) * align vim hotkeys help on the left since it is not translated * image detail: * labels (author, format, URL, etc...) are written on the right, values are on the left. * URL are written LTR and overflow on the right
2022-01-10[fix] autocomple.js: register li.onmousedown instead li.onclickMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-01-07make pygments.lessMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-01-05[simple] improve styling of subcategory table headers in preferencesMartin Fischer
2022-01-02Merge pull request #610 from return42/img-load-errorAlexandre Flament
[fix] simple theme: hide the image if img load fails
2021-12-31make pygments.lessMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-29[fix] simple theme: hide the image if img load failsMarkus Heiser
Add event listener to query selector:: '#urls img.image' From the user point of view, I think it is better to hide the image: img_load_error.svg is helplful in the image category because it still allows to select the image. IMO, in the news category, the fact there is a missing image won't help to choose the links. From a developer point of view, the place holder is signal that may be the engine needs to be updated (at least give a look). The browser console should show the same information too, but it requires some additional steps. [1] [1] https://github.com/searxng/searxng/pull/610#issuecomment-997640132 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-15[mod] simple theme: remove vendor prefix of `width: max-content`Markus Heiser
Remove no longer needed workarounds like `width: 1000px;` and vendor prefix of max-content [1]. [1] https://developer.mozilla.org/en-US/docs/Web/CSS/max-content#browser_compatibility Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-15[mod] simple-theme: remove vendor CSSMarkus Heiser
flexbox Browser support for flexbox is excellent, and the majority of browsers do not need a prefix at this point. Safari was the last of the major browsers to remove prefixes, with the release of Safari 9 in 2015. [1] user-select: Vendor prefix of user-select is not needed, see 'Browser compatibility' [2]. [1] https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox#status_in_browsers [2] https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-15[fix] lazy loading of <img> tagsMarkus Heiser
Images should include dimension attributes. Without `width` and `height` specified, image dimensions are 0×0 pixels at first. ... In this case the browser determines that all of them are visible to the user and decides to load everything [1]. In CSS the `width` is set to a value and the `height` is unsed to scale the image proportional in both dimensions. [1] https://web.dev/browser-level-image-lazy-loading/#images-should-include-dimension-attributes [2] https://caniuse.com/loading-lazy-attr Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-14[fix] eslint --fixMarkus Heiser
automatically fix some of the problems reported by eslint rules:: $ ./manage nvm.bash nvm-env$ npm --prefix searx/static/themes/simple run eslint-fix Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-12Merge pull request #583 from return42/fix-combo-withMarkus Heiser
[fix] simple theme: remove width 45% from language and time filters
2021-12-05[fix] simple theme: remove width 45% from language and time filtersMarkus Heiser
All three filters (`language`, `time_range` and `safesearch`) are rendered in one line. A size of 45% for `language` and `time_range` left only 10% for the `safesearch` filter. Solution: drop with from `language` and `time_range`. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-05[fix] simple theme: make autocomplete-js CSP compliantMarkus Heiser
The CSP issue is, that the `_Position` function in the autocomplete-js set the style attributes by `setAttribute("style", ...)`. Using `setAttribute` to set the style attribute invokes the HTML parser and CSP is triggered [1]. This patch overwrite the `_Position` function of autocomplete-js. BTW: remove trailing whitespace [1] https://stackoverflow.com/a/57633533 Closes: https://github.com/searxng/searxng/issues/352 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-30[mod] simple theme, JS: introduce window.searxng.theme namespaceMarkus Heiser
In window.searxng.theme the theme data can be passed through to JS implementations. Initial the window.searxng.theme namespace starts with a value for `img_load_error`:: // image that is displayed if load of <img src='...'> failed img_load_error: 'img/img_load_error.svg' The searx/static/themes/__common__/js/image_layout.js is patched to uses the value, if the theme defines a value for img_load_error in this namespace. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-29[fix] simple theme: set img background color to wallpaper's colorMarkus Heiser
The *background color* of an transparent image is the color of the color of wallpaper on which all images are shown on. Set variable `--color-result-image-background` and `--color-base-background` to the same value. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[simple theme] remove '-webkit-border-radius' propertyMarkus Heiser
[1] https://github.com/searxng/searxng/pull/537#issuecomment-976582675 Suggested-by: @dalf [1] Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[simple theme] remove '-moz-border-radius' propertyMarkus Heiser
Support for the prefixed version (-moz-border-radius) was removed in Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10) [1]. [1] https://developer.mozilla.org/pt-BR/docs/Web/CSS/border-radius Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[simple template] format default string 'italic'Markus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[simple theme] add animations.less for keyframe animationsmrpaulblack
2021-11-23[fix] simple theme: fix modal dialogAlexandre Flament
2021-11-21[simple theme] rework select; add safesearch to search and replace / with ↵mrpaulblack
› in article url * rework selection UI in pref (fix based on: https://github.com/twelsby/searx/commit/78643e9f43a103c523f112e9f3ce26a5c7bb3a0f) * moved search filters underneath categories * cut params from url and replace / with › * make h3 and url in article bigger * add safe search select to search filter (this will not override settings and only be valid while on result page in a session) * make search form button not overlap each other when js is disabled * 1rem padding around preview image and thumbnail in default article template
2021-11-20[brand] initial - folder src/brand for searxng-wordmarkMarkus Heiser
Folder src/brand is intended to place logo, wordmark and more in. This commit moves the origin (source) of searxng-wordmark.svg from the simple theme into this folder About the new created src/ folder: On the long term we can move all the files from static/themes/<name>/src/* into a src/themes/<name>/* folder. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-19[enh] simple theme: add "simple-style" preferencesAlexandre Flament
2021-11-19[fix] simple theme: adjust image detail heightAlexandre Flament
when on the top of the page, the image is just below the search fields. this commit slightly aligh the top of the image detail with the bottom of the search fields.
2021-11-19[fix] simple theme: fix layout image detail on mobileAlexandre Flament
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-13[theme] add border radius to engine token inputMrPaulBlack
2021-11-13[fix] simple theme: /preferences: add tokens fieldAlexandre Flament
include changes to display input text field in the preferences
2021-11-13[simple theme] update to ion icons 5 and drop webfontMrPaulBlack
* 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[simple theme] SearXNG wordmark (plain SVG)Markus Heiser
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[simple theme] replace old searx logo by searxng-wordmark.min.svgMarkus Heiser
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[simple theme] SearXNG wordmark (SVG)Markus Heiser
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[simple theme] minor css fixesMrPaulBlack
* 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-11[fix] scaling of result page on small screens by @ZetaTomMrPaulBlack
* 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-06[enh] simple theme: mobile layout: allow access to the preferencesAlexandre Flament
when there is no query, reduce the width of the query field, to display the preference button on the right.
2021-11-05[fix] simple theme: image detail: click on the URL to the HTML page worksAlexandre Flament
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[fix] simple theme: various about the hotkeys helpAlexandre Flament
* 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[fix] simple theme: disable hotkeys when they are not enabled in the preferencesAlexandre Flament
2021-11-05[mod] SearXNG: remove "searx" from the searx*.js file names.Alexandre Flament
2021-11-04[simple theme] add .rounded-corners to selectable_urlMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-04[simple theme] result layout suggestionsMrPaulBlack
2021-11-03[simple theme] simplify and justify #answers & #correctionsMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-03[simple theme] CSS remove box-shadow effectsMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-03[mod] simple theme: dark mode: various fixesAlexandre Flament
2021-11-03[mod] simple theme: adjust button colors in dark version.Alexandre Flament
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-02[theme] simple - improve rendering of the "Answers" boxMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-10-30[mod] simple theme: infobox: center the imageAlexandre Flament
2021-10-30[mod] simple theme: use :root instead of html to define CSS variablesAlexandre Flament
This allows to use the CSS variables in inline svg.
2021-10-30[fix] simple theme: /preferences: dark theme version for select widgetsAlexandre Flament
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[fix] simple theme: /preferences: dark theme version for the response time ↵Alexandre Flament
bar charts
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-09 10:38:37 +0000