From 459f33a18edc6bda0b4da66244479e36867b6370 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Sun, 12 Dec 2021 17:35:06 +0100 Subject: [PATCH] [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 --- .../static/themes/simple/src/less/mixins.less | 43 +------------------ .../themes/simple/src/less/toolkit.less | 5 +-- 2 files changed, 3 insertions(+), 45 deletions(-) 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%;