summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less
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-05[simple] improve styling of subcategory table headers in preferencesMartin Fischer
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-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-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-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] 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] 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: 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-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
2021-10-27[simple theme] add logo to search form on result pageMrPaulBlack
* 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-18[simple theme] define device width with less vars in defenition.lessMrPaulBlack
2021-10-17[simple theme] center results on tabletMrPaulBlack
2021-10-09[simple theme] add a dark themeMrPaulBlack
* add a new color theme for a dark mode * make the device auto switch between dark and light theme
2021-10-09[simple theme] new color theme and result on mobile and tabletMrPaulBlack
* 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-09Redo Color Theme and css cleanupMrPaulBlack
* 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[theme] replace all hardcoded colors by css vars and drop ununsed varsMrPaulBlack
2021-10-09[theme] convert less vars to css vars in simple themeMrPaulBlack
2021-10-01SearXNG: simple themeAlexandre Flament
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-10 07:09:53 +0000