mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-09-30 17:27:22 +08:00
Tim van der Lippe
2efbb1b802
This reverts commit 190803bad8.
Reason for revert: This breaks the icons in DevTools, which leaves gray backgrounds behind.
Original change's description:
> Enable property-no-vendor-prefix stylelint check
>
> This patch drops unnecessary -webkit- prefixes in CSS and enables
> a lint check to enforce that prevent such properties from being
> added in the future. Note that the use of vendor-prefixed CSS
> properties is still accepted in cases where there is no standardized
> and browser-supported alternative.
>
> Bug: chromium:1104187
> Change-Id: I29ae93d5a760c4f5037f20663754f448b5083235
> Fixed: chromium:1031475
> Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2297386
> Reviewed-by: Changhao Han <changhaohan@chromium.org>
> Commit-Queue: Mathias Bynens <mathias@chromium.org>
TBR=mathias@chromium.org,changhaohan@chromium.org
Change-Id: I5fe13b7afd8b71180163c7419092cc6a758903b6
No-Presubmit: true
No-Tree-Checks: true
No-Try: true
Bug: chromium:1104187
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2297391
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
111 lines
2.3 KiB
CSS
111 lines
2.3 KiB
CSS
/* Copyright (c) 2015 The Chromium Authors. All rights reserved.
|
|
* Use of this source code is governed by a BSD-style license that can be
|
|
* found in the LICENSE file.
|
|
*/
|
|
|
|
.lock-icon,
|
|
.security-property {
|
|
height: 16px;
|
|
width: 16px;
|
|
-webkit-mask-image: url(Images/securityIcons.svg);
|
|
-webkit-mask-size: 80px 32px;
|
|
background-color: #888;
|
|
}
|
|
|
|
.lock-icon-secure {
|
|
-webkit-mask-position: 0 0;
|
|
background-color: #0b8043;
|
|
}
|
|
|
|
.lock-icon-unknown,
|
|
.lock-icon-neutral {
|
|
-webkit-mask-position: -16px 0;
|
|
background-color: #000; /* Black for clarity on lower DPI screens */
|
|
}
|
|
|
|
@media (-webkit-min-device-pixel-ratio: 1.1) {
|
|
.lock-icon-unknown,
|
|
.lock-icon-neutral {
|
|
background-color: #5a5a5a; /* Gray for hiDPI screens */
|
|
}
|
|
}
|
|
|
|
.lock-icon-insecure {
|
|
-webkit-mask-position: -32px 0;
|
|
background-color: #5a5a5a;
|
|
}
|
|
|
|
.lock-icon-insecure-broken {
|
|
-webkit-mask-position: -32px 0;
|
|
background-color: #c63626;
|
|
}
|
|
|
|
.security-property-secure {
|
|
-webkit-mask-position: 0 -16px;
|
|
background-color: #0b8043;
|
|
}
|
|
|
|
.security-property-neutral {
|
|
-webkit-mask-position: -16px -16px;
|
|
background-color: #c63626;
|
|
}
|
|
|
|
.security-property-insecure {
|
|
-webkit-mask-position: -32px -16px;
|
|
background-color: #c63626;
|
|
}
|
|
|
|
.security-property-insecure-broken {
|
|
-webkit-mask-position: -32px -16px;
|
|
background-color: #c63626;
|
|
}
|
|
|
|
.security-property-info {
|
|
-webkit-mask-position: -48px -16px;
|
|
background-color: rgb(0 0 0 / 50%);
|
|
}
|
|
|
|
.security-property-unknown {
|
|
-webkit-mask-position: -64px -16px;
|
|
background-color: rgb(0 0 0 / 50%);
|
|
}
|
|
|
|
.url-scheme-secure {
|
|
color: #0b8043;
|
|
}
|
|
|
|
.url-scheme-neutral,
|
|
.url-scheme-insecure,
|
|
.url-scheme-insecure-broken {
|
|
color: #cb3626;
|
|
}
|
|
|
|
.url-scheme-separator {
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
@media (forced-colors: active) {
|
|
.lock-icon,
|
|
.security-property,
|
|
.url-scheme-neutral,
|
|
.url-scheme-insecure,
|
|
.url-scheme-insecure-broken {
|
|
forced-color-adjust: none;
|
|
}
|
|
|
|
.lock-icon-unknown,
|
|
.lock-icon-neutral {
|
|
background-color: Highlight;
|
|
}
|
|
|
|
.security-property-info,
|
|
.security-property-unknown {
|
|
background-color: canvastext;
|
|
}
|
|
|
|
.tree-outline:not(.hide-selection-when-blurred) li.selected .security-property-info,
|
|
.tree-outline:not(.hide-selection-when-blurred) li.selected .security-property-unknown {
|
|
background-color: HighlightText;
|
|
}
|
|
}
|