summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less
AgeCommit message (Collapse)Author
2023-01-23[fix] use input elements for pagination requestsmrpaulblack
* use html input elements instead of buttons for the pagination forms at the bottom of the result page * move the less section that hides the pagination number widget on mobile to the mobile section * clean up the less code for styling the numbers of the pagination widget * fix: add the margin for box results (like in news category) to the bottom of the result to have a margin between pagination widget and article result
2023-01-23Feature: Pagination Widget with list of numbers.llmII
Adds to the navigation widget, preserving forward/backward nav, and inserting a list of clickable page numbers between them. Phone sized devices continue without this widget as deterministic display under small screen sizes has not been solved. The widget is agnostic to the actual amount of pages there are that one can navigate to and as such shows all plausible, albeit not necessarilly valid, possibilities. This widget does not interfere with infinite scroll in any fashion.
2023-01-08Fix #2083llmII
This changes the Suggestions to be a single column, not a wrapping row, changing the input to be incapable of overflowing into visually adjacent elements.
2023-01-07Add flex-wrap to the list of enginesahmad-alkadri
2022-09-23Add paper.html result templateAlexandre FLAMENT
2022-07-08Submit GH bug: ask the user to do some checks before submitting a new issueAlexandre Flament
2022-07-04[fix] style.less: move <dl> from infobox.attributes to .attributes classMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-06-25Theme: add Help and Donate links in all pagesAlexandre Flament
Close https://github.com/searxng/searxng/issues/931
2022-06-18Theme: add a preference to center the results (Oscar) (2nd edition)Alexandre Flament
related to * #1169 * #1281 * #1286
2022-06-05Revert "Theme: add a preference to center the results (Oscar)"Alexandre Flament
This reverts commit 4237f5fd50c2dc0e91513056d885f25038ef6787.
2022-06-05Theme: add a preference to center the results (Oscar)Alexandre Flament
related to #1169
2022-05-11[simple theme] add products.html templatemrpaulblack
2022-05-10[mod] simple theme: colors, autocomplete, borderMonty
* change colors, autocomplete, delete border in some places
2022-05-07theme: remove __common__Alexandre Flament
2022-04-19[fix] add missing result.length and result.author to simple themeMarkus Heiser
Closes: https://github.com/searxng/searxng/issues/1027 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-04-06[simple theme] add netloc to image result articlesmrpaulblack
2022-03-28Fix answer box bugMonty
Fix bug of too long words.
2022-03-24[simple theme] refactor search formMonty
* update search input form params; inspiried by whoogle * remove autofocus from result page input form (JS impl. as well as input param) -> autofocus on landing page still works only on desktop and tablet with JS impl. * update landing page margins on mobile * rework border and radius for search form to 0.8rem and outline * remove positioning from autocomplete JS lib and use CSS impl. * match search box and autocomplete width * rework search form to a google like design on mobile * fix settings icon display withg RTL on mobile on result page when search input is empty
2022-03-19simple theme: JS version: the reset button clear the textAlexandre Flament
The <input type="reset"> introduced in the PR 894, restores the default value. It works in the index page, but it doesn't work in the /search page: the reset button restore the initial query. This PR: * fix the JS version: the reset button clear the text * keep the clear button in the / page * hide the clear button in the /search page
2022-03-19[fix] naming of id for prefs in cssmrpaulblack
2022-03-16[simple theme] use default font and font-size in info pagemrpaulblack
2022-03-12[simple] add CSS for /info pagesMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-03-04[simple] switch to the tablet layout at 79.75emAlexandre FLAMENT
The previous value was 80em (1280px). Some desktop screens have this resolution, and tablet layout takes too much space in this configuration This PR switch to the table layout for screen width strictly below 1280px. Close https://github.com/searxng/searxng/issues/874
2022-03-02[simple] checkboxes can get the focusableAlexandre Flament
Do note that checkboxes in the engine tab are displayed reversed. See: https://github.com/searxng/searxng/blob/3408d061aab9abc6168fec9bbc6deab71b236dac/searx/templates/simple/preferences.html#L313 A checkbox for an engine is checked when the engine is disabled.
2022-02-27[fix] simple: display "Click on the magnifier..." only the mouse over the ↵Alexandre Flament
categories
2022-02-27[fix] simple: detect touch screen using media queryAlexandre Flament
related to https://github.com/searxng/searxng/issues/928
2022-02-26[simple theme] replace Image_layout.js with flexbox CS impl.mrpaulblack
* drop image_layout.js from simple theme * move image_layout.js to oscar theme and delete common js dir (since its empty now) * align top position of image detail modal with bottom position of search header * use flexbox to display images; row height can be set via @results-image-row-height in defenitions.less * display span title underneath each image with a max width of 12rem * increase margin and padding around image article on desktop and tablet * make article height smaller on phone layout (height of 6rem) to display more content on current view * remove content from result, if the title and content matches * use a group that cotains the flex image article, if images are mixed with other categories * fix pylint issues in webapp.py * use the default.html result template in unit tests (thanks @return42)
2022-02-26Search filters changesMonty
Better search filters view on mobile.
2022-02-21[fix] genius: add player an avoid exceptional programmingMarkus Heiser
Add player: - The players are just playing 30sec from the title. Some of the player will be blocked because of a cross-origin request and some players will link to apple when you press the play button. Avoid exceptions and (and BTW improve results) - ERROR searx.engines.genius : list index out of range Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-20[mod] infinite_scroll as preferenceAlexandre Flament
* oscar theme: code from searx/plugins/infinite_scroll.py * simple theme: new implementation Co-authored-by: Markus Heiser <markus.heiser@darmarIT.de>
2022-02-19[mod] simple theme: define a '.show-content-button'Markus Heiser
With LESS function '.show-content-button' all the *Show-Media* links becomes bottons. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-18[fix] bandcamp: fix itemtype (album|track) and exceptionsMarkus Heiser
BTW: polish implementation and show tracklist for albums Closes: https://github.com/searxng/searxng/issues/883 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-18[mod] simple theme: set height of embedded content (iframe)Markus Heiser
This commit sets appropriate height of the (embedded) player from: - soundcloud - mixcloud - deezer Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-18[fix] simple theme: support browsers which do not have aspect-ratioMarkus Heiser
Suggested-by: @dalf https://github.com/searxng/searxng/pull/882#discussion_r805187303 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-13[mod] result_templates/default.html replace embedded HTML by data_src audio_srcMarkus Heiser
Embedded HTML breaks SearXNG architecture. To modularize, HTML is generated in the templates (oscar & simple) and result parameter 'embedded' is replaced by 'data_src' (and 'audio_src'), an URL for embedded content (<iframe>). Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-13[mod] result_templates/videos.html: replace embedded HTML by data_srcMarkus Heiser
Embedded HTML breaks SearXNG architecture. To modularize, HTML is generated in the templates (oscar & simple) and result parameter 'embedded' is replaced by 'data_src', an URL for embedded content (<iframe>). Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2022-02-01[simple] allow .tabs to be used for help pagesMartin Fischer
2022-02-01[simple] improve margin of #linkto_preferencesMartin Fischer
Co-authored-by: Paul Braeuning <paul@paulgo.io>
2022-01-30[simple] introduce page_with_header.html templateMartin Fischer
Previously the preferences & stats templates contained the markup: <a href="{{ url_for('index') }}"><h1><span>SearXNG</span></h1></a> There are many things wrong with this: 1. the markup was duplicated 2. the CSS needed to be changed whenever a new page wanted to use this header (since the CSS used page-specific selectors) 3. h1 should be reserved for the actual page title (e.g. Preferences or Engine stats) 4. the image was set via CSS which also set: span { visibility: hidden; } which however removes the alternative text from the accessibility tree (meaning screen readers will ignore it). This commit fixes all these problems.
2022-01-29[fix] simple theme: /preferences: cookies table is LTRAlexandre Flament
close #827
2022-01-17[simple theme] dynamic border radius in CSSmrpaulblack
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>