summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src
AgeCommit message (Collapse)Author
2021-12-31make pygments.lessMarkus Heiser
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
2021-10-30[fix] simple theme: cookie table doesn't overflow the expected widthAlexandre Flament
2021-10-29[mod] simple theme: SearXNG logoAlexandre Flament
2021-10-29[simple theme] selection ui with borderMrPaulBlack
* 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-28[mod] simple theme: adjust marginsAlexandre Flament
* 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[enh] simple theme: image detailAlexandre Flament
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-27[simple theme] make url clickable and cleanup result article headerMrPaulBlack
* 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
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-13 17:03:31 +0000