summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/style.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-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-12[simple] add CSS for /info pagesMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
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-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[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] 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-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
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-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-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-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] 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-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-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: 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-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-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] 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
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-13 15:17:00 +0000