From 459f33a18edc6bda0b4da66244479e36867b6370 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Sun, 12 Dec 2021 17:35:06 +0100 Subject: [mod] simple-theme: remove vendor CSS 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 --- searx/static/themes/simple/src/less/mixins.less | 43 +----------------------- searx/static/themes/simple/src/less/toolkit.less | 5 ++- 2 files changed, 3 insertions(+), 45 deletions(-) (limited to 'searx/static/themes/simple/src') diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less index 75c6703a1..7d8082f5a 100644 --- a/searx/static/themes/simple/src/less/mixins.less +++ b/searx/static/themes/simple/src/less/mixins.less @@ -1,6 +1,4 @@ -/* -* SearXNG, A privacy-respecting, hackable metasearch engine -*/ +// SPDX-License-Identifier: AGPL-3.0-or-later // Mixins .text-size-adjust (@property: 100%) { @@ -25,44 +23,5 @@ // disable user selection .disable-user-select () { -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } - -// select all on focus -.select-all-on-focus() { - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: element; - user-select: all; -} - -// see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox -.flexbox() { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.inline-flex() { - display: -webkit-inline-box; - display: -moz-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.flex-direction-row() { - -webkit-box-direction: normal; - -webkit-box-orient: horizontal; - -moz-box-direction: normal; - -moz-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index 924c81a08..76db36853 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -99,7 +99,7 @@ tr { font-size: 0.8em; word-break: break-all; margin: 0.1em; - .select-all-on-focus(); + user-select: all; } div.selectable_url { @@ -218,8 +218,7 @@ div.selectable_url { } .tabs { - .flexbox(); - + display: flex; flex-wrap: wrap; width: 100%; min-width: 100%; -- cgit v1.2.3 From c020b90056cf0d4e35193eb1acec61bbafc3cf15 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Sun, 5 Dec 2021 15:01:10 +0100 Subject: [mod] simple theme: remove vendor prefix of `width: max-content` 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 --- searx/static/themes/simple/src/less/search.less | 3 --- 1 file changed, 3 deletions(-) (limited to 'searx/static/themes/simple/src') diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index 0cca1f521..675f26f2f 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -194,9 +194,6 @@ #main_index, #main_results { #categories_container { - width: 1000px; - width: -moz-max-content; - width: -webkit-max-content; width: max-content; .category { -- cgit v1.2.3