summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/search.less
diff options
context:
space:
mode:
authorMarkus Heiser <markus.heiser@darmarit.de>2025-01-23 11:10:40 +0100
committerMarkus Heiser <markus.heiser@darmarIT.de>2025-02-28 12:27:41 +0100
commita1132deaa4618f228e82252397247a150081a5f3 (patch)
tree0445fbe04c8932acdfbe5362db40ea1782f38539 /searx/static/themes/simple/src/less/search.less
parentb6487b70aaa199aba6ae999a9c99b340b5e98884 (diff)
[web-client] simple theme: move sources to client/simple/src
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Diffstat (limited to 'searx/static/themes/simple/src/less/search.less')
-rw-r--r--searx/static/themes/simple/src/less/search.less393
1 files changed, 0 insertions, 393 deletions
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
deleted file mode 100644
index a46e4bf06..000000000
--- a/searx/static/themes/simple/src/less/search.less
+++ /dev/null
@@ -1,393 +0,0 @@
-/*
-* SearXNG, A privacy-respecting, hackable metasearch engine
-*/
-
-#search {
- padding: 0;
- margin: 0;
-}
-
-#search_header {
- padding-top: 1.5em;
- .ltr-padding-right(2em);
- .ltr-padding-left(@results-offset - 3rem);
- margin: 0;
- background: var(--color-header-background);
- border-bottom: 1px solid var(--color-header-border);
- display: grid;
- gap: 1rem 1.2rem;
- grid-template-columns: 3rem 1fr;
- grid-template-areas:
- "logo search"
- "spacer categories";
-}
-
-.category_checkbox,
-.category_button {
- display: inline-block;
- position: relative;
- .ltr-margin-right(1rem);
- padding: 0;
-}
-
-.category_checkbox {
- input {
- display: none;
- }
-
- label {
- svg {
- padding-right: 0.2rem;
- }
-
- cursor: pointer;
- padding: 0.2rem 0;
- display: inline-flex;
- text-transform: capitalize;
- font-size: 0.9em;
- border-bottom: 2px solid transparent;
- .disable-user-select;
-
- div.category_name {
- margin: auto 0;
- }
- }
-
- input[type="checkbox"]:checked + label {
- color: var(--color-categories-item-selected-font);
- border-bottom: 2px solid var(--color-categories-item-border-selected);
- }
-}
-
-button.category_button {
- background-color: inherit;
- color: var(--color-base-font);
- cursor: pointer;
- padding: 0.2rem 0;
- display: inline-flex;
- align-items: center;
- text-transform: capitalize;
- font-size: 0.9em;
- border: none;
- border-bottom: 2px solid transparent;
-
- svg {
- padding-right: 0.2rem;
- }
-
- &.selected,
- &:active {
- color: var(--color-categories-item-selected-font);
- border-bottom: 2px solid var(--color-categories-item-border-selected);
- }
-}
-
-// only used when JavaScript is disabled
-.no-js #categories_container:has(button.category_button:focus-within) button.category_button {
- &.selected {
- color: var(--color-base-font);
- border-bottom: none;
- }
-
- &:focus-within {
- color: var(--color-categories-item-selected-font);
- border-bottom: 2px solid var(--color-categories-item-border-selected);
- }
-}
-
-#search_logo {
- padding: 0.5rem 10px 0 10px;
- grid-area: logo;
- display: flex;
- align-items: center;
- justify-content: center;
-
- svg {
- flex: 1;
- width: 30px;
- height: 30px;
- margin: 0.5rem 0 auto 0;
- }
-}
-
-.search_categories {
- grid-area: categories;
-
- .help {
- display: none;
- }
-
- &:hover .help {
- display: block;
- position: absolute;
- background: var(--color-base-background);
- padding: 1rem 0.6rem 0.6rem 0;
- z-index: 1000;
- width: 100%;
- left: -0.1rem;
- }
-}
-
-#search_view {
- padding: 0.5rem 0.3rem 0 0.5rem;
- grid-area: search;
-
- body.results_endpoint & {
- padding: 0.5rem 2.8rem 0 0;
- }
-}
-
-.search_box {
- border-radius: 0.8rem;
- width: @search-width;
- display: inline-flex;
- flex-direction: row;
- white-space: nowrap;
- box-shadow: var(--color-search-shadow);
-}
-
-#clear_search {
- display: block;
- border-collapse: separate;
- box-sizing: border-box;
- width: 1.8rem;
- margin: 0;
- padding: 0.8rem 0.2rem;
- background: none repeat scroll 0 0 var(--color-search-background);
- border: none;
- outline: none;
- color: var(--color-search-font);
- font-size: 1.1rem;
- z-index: 1000;
-
- &:hover {
- color: var(--color-search-background-hover);
- }
-
- &.empty * {
- display: none;
- }
-}
-
-html.no-js #clear_search.hide_if_nojs {
- display: none;
-}
-
-#q,
-#send_search {
- display: block;
- margin: 0;
- padding: 0.8rem;
- background: none repeat scroll 0 0 var(--color-search-background);
- border: none;
- outline: none;
- color: var(--color-search-font);
- font-size: 1.1rem;
- z-index: 100;
-}
-
-#q {
- width: 100%;
- .ltr-padding-left(1rem);
- .ltr-padding-right(0) !important;
- .ltr-rounded-left-corners(0.8rem);
-}
-
-#q::-ms-clear,
-#q::-webkit-search-cancel-button {
- display: none;
-}
-
-#send_search {
- .ltr-rounded-right-corners(0.8rem);
-
- &:hover {
- cursor: pointer;
- background-color: var(--color-search-background-hover);
- color: var(--color-search-background);
- }
-}
-
-.no-js #clear_search,
-.no-js #send_search {
- width: auto !important;
- .ltr-border-left(1px solid var(--color-search-border));
-}
-
-.search_filters {
- margin-top: 0.6rem;
- .ltr-margin-right(0);
- margin-bottom: 0;
- .ltr-margin-left(@results-offset + 0.6rem);
- display: flex;
- overflow-x: auto;
- overscroll-behavior-inline: contain;
-
- select {
- background-color: inherit;
-
- &:hover,
- &:focus {
- color: var(--color-base-font);
- }
- }
-}
-
-@media screen and (max-width: @tablet) {
- #search_header {
- padding: 1.5em @results-tablet-offset 0 @results-tablet-offset;
- column-gap: @results-tablet-offset;
- }
-
- .search_filters {
- margin-top: 0.6rem;
- .ltr-margin-right(0);
- margin-bottom: 0;
- .ltr-margin-left(@results-tablet-offset + 3rem);
- }
-
- #categories {
- font-size: 90%;
- clear: both;
- }
-}
-
-@media screen and (max-width: @tablet) and (hover: none) {
- #main_index,
- #main_results {
- #categories_container {
- width: max-content;
-
- .category_checkbox {
- display: inline-block;
- width: auto;
- }
- }
-
- #categories {
- width: 100%;
- .ltr-text-align-left();
- overflow: scroll hidden;
- -webkit-overflow-scrolling: touch;
- }
- }
-}
-
-@media screen and (max-width: @phone) {
- #search_header {
- width: 100%;
- margin: 0;
- padding: 0.1rem 0 0 0;
- gap: 0 0;
- grid-template-areas:
- "logo search"
- "categories categories";
- }
-
- .search_logo {
- padding: 0;
- }
-
- .search_box {
- width: 98%;
- display: flex;
- }
-
- #q {
- width: 100%;
- flex: 1;
- }
-
- .search_filters {
- margin: 0 10px;
- padding: 0.5rem 0;
- }
-
- .category {
- display: inline-block;
- width: auto;
- margin: 0;
-
- svg {
- display: none;
- }
- }
-
- .category_checkbox {
- label {
- padding: 1rem !important;
- margin: 0 !important;
- }
- }
-
- .category_button {
- padding: 1rem !important;
- margin: 0 !important;
- }
-
- #search_view:focus-within {
- display: block;
- background-color: var(--color-search-background);
- position: absolute;
- top: 0;
- height: 100%;
- width: 100%;
- z-index: 2000;
-
- .search_box {
- border-bottom: 1px solid var(--color-search-border);
- width: 100%;
- border-radius: 0;
- box-shadow: none;
-
- #send_search {
- .ltr-margin-right(0) !important; // Delete when send_search button is disabled on mobile.
- }
-
- * {
- border: none;
- border-radius: 0;
- box-shadow: none;
- }
- }
- }
-
- #main_results #q:placeholder-shown ~ #send_search {
- .ltr-margin-right(2.6rem);
- transition: margin 0.1s;
- }
-}
-
-@media screen and (max-width: @ultra-small-phone) {
- #search_header {
- grid-template-areas:
- "search search"
- "categories categories";
- }
-
- #search_logo {
- display: none;
- }
-}
-
-#categories {
- .disable-user-select;
-
- &::-webkit-scrollbar {
- width: 0;
- height: 0;
- }
-}
-
-#categories_container {
- position: relative;
-}
-
-.favicon img {
- height: 1.5rem;
- width: 1.5rem;
- border-radius: 10%;
- background-color: var(--color-favicon-background-color);
- border: 1px solid var(--color-favicon-border-color);
- display: flex;
-}