zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-09-29 16:57:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Disallow !important in CSS files

Browse Source 
To make sure that any newly written CSS files for new components
do not use !important, since they will be using shadow DOM. Moreover,
!important is usually an anti-pattern that makes it harder to reason
about CSS cascading. It is also disallowed internally at Google.

R=jacktfranklin@chromium.org

Bug: none
Change-Id: Idcd2c90d01ff2e782a02d0a4631be384b1a3ca74
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2871716
Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Mathias Bynens <mathias@chromium.org>
This commit is contained in:
Tim van der Lippe
2021-05-04 16:14:35 +00:00
committed by Commit Bot
parent 5b58f2700c
commit af02decd68
51 changed files with 121 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.stylelintrc.json
+1
View File
@@ -9,6 +9,7 @@
"color-function-notation": "modern",
"hue-degree-notation": "angle",
"comment-empty-line-before": null,
"declaration-no-important": true,
"color-named": "never",
"property-no-vendor-prefix": [
true,
front_end/panels/accessibility/axBreadcrumbs.css
+1 -1
View File
@@ -130,7 +130,7 @@
.ax-breadcrumbs .ax-node.inspected .selection {
forced-color-adjust: none;
background: Highlight !important;
background: Highlight !important; /* stylelint-disable-line declaration-no-important */
}
.ax-breadcrumbs .ax-node.inspected .wrapper {
front_end/panels/animation/animationTimeline.css
+1 -1
View File
@@ -379,7 +379,7 @@ text.animation-timeline-grid-label {
}
.animation-buffer-preview.selected > svg > line {
stroke: var(--color-background) !important;
stroke: var(--color-background) !important; /* stylelint-disable-line declaration-no-important */
}
@keyframes newGroupAnim {
front_end/panels/application/indexedDBViews.css
+1 -1
View File
@@ -86,7 +86,7 @@
}
.source-code.indexed-db-key-path {
font-size: unset !important;
font-size: unset !important; /* stylelint-disable-line declaration-no-important */
}
.resources-toolbar {
front_end/panels/browser_debugger/xhrBreakpointsSidebarPane.css
+1 -1
View File
@@ -25,7 +25,7 @@
display: block;
margin-left: 0;
margin-right: 0;
outline: none !important;
outline: none !important; /* stylelint-disable-line declaration-no-important */
border: 1px solid rgb(66% 66% 66%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
front_end/panels/changes/changesView.css
+2 -2
View File
@@ -24,11 +24,11 @@
}
.CodeMirror-lines:not(:active) {
cursor: default !important;
cursor: default !important; /* stylelint-disable-line declaration-no-important */
}
.CodeMirror-line:hover {
cursor: default !important;
cursor: default !important; /* stylelint-disable-line declaration-no-important */
background-color: rgb(0 0 255 / 5%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
front_end/panels/console/consoleSidebar.css
+1 -1
View File
@@ -72,6 +72,6 @@ li .largeicon-navigator-folder {
.tree-outline li:hover [is=ui-icon].icon-mask,
.tree-outline li.selected [is=ui-icon].icon-mask,
.tree-outline li.selected:focus .spritesheet-mediumicons:not(.icon-mask) {
background-color: HighlightText !important;
background-color: HighlightText !important; /* stylelint-disable-line declaration-no-important */
}
}
front_end/panels/console/consoleView.css
+4 -4
View File
@@ -333,7 +333,7 @@
.console-error-level .console-message-text,
.console-error-level .console-view-object-properties-section {
color: var(--override-error-text-color) !important;
color: var(--override-error-text-color) !important; /* stylelint-disable-line declaration-no-important */
}
.console-system-type.console-info-level {
@@ -343,7 +343,7 @@
.-theme-with-dark-background .console-verbose-level:not(.console-warning-level) .console-message-text,
.-theme-with-dark-background .console-system-type.console-info-level {
color: hsl(220deg 100% 65%) !important;
color: hsl(220deg 100% 65%) !important; /* stylelint-disable-line declaration-no-important */
}
#console-messages .link {
@@ -402,7 +402,7 @@
.console-message-nowrap-below,
.console-message-nowrap-below div,
.console-message-nowrap-below span {
white-space: nowrap !important;
white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
}
.object-state-note {
@@ -469,7 +469,7 @@
.console-message-wrapper:focus:last-of-type *,
.console-message-wrapper:focus .devtools-link,
.console-message-wrapper:focus:last-of-type .devtools-link {
color: HighlightText !important;
color: HighlightText !important; /* stylelint-disable-line declaration-no-important */
}
#console-messages .devtools-link,
front_end/panels/elements/computedStyleSidebarPane.css
+1 -1
View File
@@ -20,7 +20,7 @@
}
.styles-sidebar-pane-filter-box > input {
outline: none !important;
outline: none !important; /* stylelint-disable-line declaration-no-important */
border: none;
width: 100%;
background: var(--color-background);
front_end/panels/elements/elementsTreeOutline.css
+10 -10
View File
@@ -7,21 +7,21 @@
.editing {
box-shadow: var(--drop-shadow);
background-color: var(--color-background);
text-overflow: clip !important;
text-overflow: clip !important; /* stylelint-disable-line declaration-no-important */
padding-left: 2px;
margin-left: -2px;
padding-right: 2px;
margin-right: -2px;
margin-bottom: -1px;
padding-bottom: 1px;
opacity: 100% !important;
opacity: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.editing,
.editing * {
color: #222 !important; /* stylelint-disable-line plugin/use_theme_colors */
color: #222 !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
text-decoration: none !important;
text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
}
.editing br {
@@ -186,7 +186,7 @@
.CodeMirror {
background-color: var(--color-background);
height: 300px !important;
height: 300px !important; /* stylelint-disable-line declaration-no-important */
}
.CodeMirror-lines {
@@ -230,7 +230,7 @@ select {
.elements-tree-nowrap,
.elements-tree-nowrap .li {
white-space: pre !important;
white-space: pre !important; /* stylelint-disable-line declaration-no-important */
}
.elements-disclosure .elements-tree-nowrap li {
@@ -335,7 +335,7 @@ li.selected:not(.always-parent) + ol.children {
}
li.selected:not(.always-parent) + ol.children {
--indentation-level-border-color: hsl(216deg 68% 80% / 100%) !important;
--indentation-level-border-color: hsl(216deg 68% 80% / 100%) !important; /* stylelint-disable-line declaration-no-important */
}
li.hovered:not(.always-parent) + ol.children:not(.shadow-root) {
@@ -349,7 +349,7 @@ li.hovered:not(.always-parent) + ol.children:not(.shadow-root) {
@media (forced-colors: active) {
.elements-disclosure li.parent::before {
forced-color-adjust: none;
background-color: ButtonText !important;
background-color: ButtonText !important; /* stylelint-disable-line declaration-no-important */
}
.elements-disclosure .elements-tree-outline:not(.hide-selection-when-blurred) li.selected .selected-hint::before {
@@ -360,8 +360,8 @@ li.hovered:not(.always-parent) + ol.children:not(.shadow-root) {
.elements-disclosure li.hovered:not(.selected) .selection,
.elements-disclosure .elements-tree-outline:not(.hide-selection-when-blurred) li.selected:focus .selection {
forced-color-adjust: none;
background: canvas !important;
border: 1px solid Highlight !important;
background: canvas !important; /* stylelint-disable-line declaration-no-important */
border: 1px solid Highlight !important; /* stylelint-disable-line declaration-no-important */
}
.gutter-menu-icon {
front_end/panels/elements/nodeStackTraceWidget.css
+1 -1
View File
@@ -5,6 +5,6 @@
*/
.stack-trace {
font-size: 11px !important;
font-size: 11px !important; /* stylelint-disable-line declaration-no-important */
font-family: Menlo, monospace;
}
front_end/panels/elements/stylesSectionTree.css
+4 -4
View File
@@ -75,8 +75,8 @@
}
.tree-outline li.child-editing {
word-wrap: break-word !important;
white-space: normal !important;
word-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
white-space: normal !important; /* stylelint-disable-line declaration-no-important */
padding-left: 0;
}
@@ -111,7 +111,7 @@ ol.expanded {
}
.tree-outline li.editing .enabled-button {
display: none !important;
display: none !important; /* stylelint-disable-line declaration-no-important */
}
.overloaded:not(.has-ignorable-error),
@@ -192,7 +192,7 @@ ol.expanded {
/* Matched styles */
:host-context(.matched-styles) .tree-outline li {
margin-left: 0 !important;
margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.expand-icon {
front_end/panels/elements/stylesSidebarPane.css
+1 -1
View File
@@ -174,7 +174,7 @@
}
.styles-sidebar-pane-filter-box > input {
outline: none !important;
outline: none !important; /* stylelint-disable-line declaration-no-important */
border: none;
width: 100%;
background: var(--color-background);
front_end/panels/emulation/locationsSettingsTab.css
+1 -1
View File
@@ -68,7 +68,7 @@
.locations-list-separator-invisible {
visibility: hidden;
height: 100% !important;
height: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.locations-edit-row {
front_end/panels/emulation/sensors.css
+2 -2
View File
@@ -37,7 +37,7 @@
}
.sensors-view input:focus::-webkit-input-placeholder {
color: transparent !important;
color: transparent !important; /* stylelint-disable-line declaration-no-important */
}
.sensors-view .chrome-select {
@@ -98,7 +98,7 @@
.orientation-stage.disabled {
filter: grayscale();
opacity: 50%;
cursor: default !important;
cursor: default !important; /* stylelint-disable-line declaration-no-important */
}
.orientation-element,
front_end/panels/event_listeners/eventListenersView.css
+3 -3
View File
@@ -21,12 +21,12 @@
}
.tree-outline-disclosure {
padding-left: 0 !important;
padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
padding-right: 3px;
}
.tree-outline-disclosure li.parent::before {
top: 0 !important;
top: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.tree-outline-disclosure .name {
@@ -79,7 +79,7 @@
}
.event-listener-button:hover {
background-color: Highlight !important;
background-color: Highlight !important; /* stylelint-disable-line declaration-no-important */
color: HighlightText;
border-color: ButtonText;
}
front_end/panels/layer_viewer/paintProfiler.css
+2 -2
View File
@@ -14,8 +14,8 @@
}
.paint-profiler-pie-chart {
width: 60px !important;
height: 60px !important;
width: 60px !important; /* stylelint-disable-line declaration-no-important */
height: 60px !important; /* stylelint-disable-line declaration-no-important */
padding: 2px;
overflow: hidden;
font-size: 10px;
front_end/panels/lighthouse/lighthousePanel.css
+1 -1
View File
@@ -31,7 +31,7 @@ button.view-trace {
the LH viewer app, so disable this feature. */
.lh-tools--viewer {
display: none !important;
display: none !important; /* stylelint-disable-line declaration-no-important */
}
.lighthouse-settings-pane {
front_end/panels/mobile_throttling/throttlingSettingsTab.css
+1 -1
View File
@@ -74,7 +74,7 @@
.conditions-list-separator-invisible {
visibility: hidden;
height: 100% !important;
height: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.conditions-edit-row {
front_end/panels/network/blockedURLsPane.css
+2 -2
View File
@@ -5,8 +5,8 @@
*/
.list {
border: none !important;
border-top: 1px solid var(--color-details-hairline) !important;
border: none !important; /* stylelint-disable-line declaration-no-important */
border-top: 1px solid var(--color-details-hairline) !important; /* stylelint-disable-line declaration-no-important */
}
.blocking-disabled {
front_end/panels/network/networkLogView.css
+6 -6
View File
@@ -29,12 +29,12 @@
*/
.network-log-grid.data-grid {
border: none !important;
border: none !important; /* stylelint-disable-line declaration-no-important */
flex: auto;
}
.network-log-grid.data-grid.no-selection:focus-visible {
border: none !important;
border: none !important; /* stylelint-disable-line declaration-no-important */
}
#network-container {
@@ -144,7 +144,7 @@
}
.network-log-grid.data-grid th.sortable:active {
background-image: none !important;
background-image: none !important; /* stylelint-disable-line declaration-no-important */
}
.network-cell-subtitle {
@@ -167,7 +167,7 @@
.network-error-row,
.network-error-row .network-cell-subtitle {
color: #e60000 !important; /* stylelint-disable-line plugin/use_theme_colors */
color: #e60000 !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
@@ -178,7 +178,7 @@
.network-log-grid.data-grid:focus tr.selected.network-error-row,
.network-log-grid.data-grid:focus tr.selected.network-error-row .network-cell-subtitle,
.network-log-grid.data-grid:focus tr.selected.network-error-row .network-dim-cell {
color: #9f0000 !important; /* stylelint-disable-line plugin/use_theme_colors */
color: #9f0000 !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
@@ -465,7 +465,7 @@
.network-status-pane {
forced-color-adjust: none;
border-color: Highlight;
background-color: canvas !important;
background-color: canvas !important; /* stylelint-disable-line declaration-no-important */
}
.network-waterfall-header:hover {
front_end/panels/network/networkPanel.css
+2 -2
View File
@@ -96,7 +96,7 @@
}
.resource-timing-table {
width: 100% !important;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
#network-overview-panel {
@@ -146,7 +146,7 @@
.network-film-strip {
border-bottom: solid 1px var(--color-details-hairline);
flex: none !important;
flex: none !important; /* stylelint-disable-line declaration-no-important */
}
.network-film-strip-placeholder {
front_end/panels/performance_monitor/performanceMonitor.css
+1 -1
View File
@@ -67,7 +67,7 @@
}
.perfmon-indicator:not(.active) .perfmon-indicator-swatch {
background-color: #eee !important; /* stylelint-disable-line plugin/use_theme_colors */
background-color: #eee !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
front_end/panels/profiler/heapProfiler.css
+1 -1
View File
@@ -44,7 +44,7 @@
}
.heap-snapshot-view .data-grid span.percent-column {
width: 35px !important;
width: 35px !important; /* stylelint-disable-line declaration-no-important */
}
.heap-snapshot-view .object-value-object,
front_end/panels/profiler/profilesPanel.css
+1 -1
View File
@@ -129,7 +129,7 @@
}
.cpu-profile-flame-chart-overview-pane {
flex: 0 0 80px !important;
flex: 0 0 80px !important; /* stylelint-disable-line declaration-no-important */
}
.profile-text-view {
front_end/panels/profiler/profilesSidebarTree.css
+2 -2
View File
@@ -137,11 +137,11 @@ li.small .subtitle {
/* Launcher */
.profile-launcher-view-tree-item {
margin-left: 0 !important;
margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.profile-launcher-view-tree-item > .icon {
width: 8px !important;
width: 8px !important; /* stylelint-disable-line declaration-no-important */
visibility: hidden;
}
/* Heap profiles and CPU profiles */
front_end/panels/settings/frameworkIgnoreListSettingsTab.css
+1 -1
View File
@@ -90,7 +90,7 @@
.ignore-list-separator-invisible {
visibility: hidden;
height: 100% !important;
height: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.ignore-list-edit-row {
front_end/panels/timeline/timelinePanel.css
+3 -3
View File
@@ -113,7 +113,7 @@
#timeline-overview-framerate {
flex-basis: 16px;
margin-top: 0 !important;
margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
}
#timeline-overview-filmstrip {
@@ -142,7 +142,7 @@
#timeline-overview-responsiveness {
flex-basis: 5px;
margin-top: 0 !important;
margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
}
#timeline-overview-input {
@@ -283,7 +283,7 @@
}
.timeline-details-view-block .timeline-details-stack-values {
flex-direction: column !important;
flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
}
.timeline-details-chip-title {
front_end/ui/components/docs/theme_colors/basic.html
+2 -2
View File
@@ -16,8 +16,8 @@
* The injected themes switch off user-select. This switches
* it back on so that we can select colors.
*/
user-select: auto !important;
overflow: auto !important;
user-select: auto !important; /* stylelint-disable-line declaration-no-important */
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
}
#container {
front_end/ui/legacy/checkboxTextLabel.css
+2 -2
View File
@@ -9,7 +9,7 @@
margin: 0;
display: inline-flex;
flex-shrink: 0;
align-items: center !important;
align-items: center !important; /* stylelint-disable-line declaration-no-important */
}
input {
@@ -103,7 +103,7 @@ input.dt-checkbox-themed:checked::after {
input.dt-checkbox-theme-preserve:hover:checked::before,
input.dt-checkbox-theme-preserve:hover:checked::after {
background-color: Highlight !important;
background-color: Highlight !important; /* stylelint-disable-line declaration-no-important */
}
input.dt-checkbox-theme-preserve:hover:checked {
front_end/ui/legacy/closeButton.css
+1 -1
View File
@@ -33,7 +33,7 @@
}
.close-button:active .hover-icon {
display: none !important;
display: none !important; /* stylelint-disable-line declaration-no-important */
}
.close-button:focus-visible .hover-icon {
front_end/ui/legacy/components/color_picker/spectrum.css
+6 -6
View File
@@ -412,7 +412,7 @@
position: relative;
border: 1px solid rgb(0 0 0 / 10%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
background-position: -1px !important;
background-position: -1px !important; /* stylelint-disable-line declaration-no-important */
z-index: 14;
}
@@ -653,7 +653,7 @@ div.palette-preview {
@media (forced-colors: active) {
:host {
border: 1px solid canvastext !important;
border: 1px solid canvastext !important; /* stylelint-disable-line declaration-no-important */
}
.spectrum-color {
@@ -663,7 +663,7 @@ div.palette-preview {
.spectrum-switcher:hover,
.spectrum-switcher:focus-visible {
forced-color-adjust: none;
background-color: Highlight !important;
background-color: Highlight !important; /* stylelint-disable-line declaration-no-important */
}
:host-context(.-theme-with-dark-background) .spectrum-switcher {
@@ -687,12 +687,12 @@ div.palette-preview {
.swatch-overlay:hover,
.swatch-overlay:focus-visible {
background-color: canvas !important;
background-color: canvas !important; /* stylelint-disable-line declaration-no-important */
}
.spectrum-slider {
forced-color-adjust: none;
background-color: ButtonText !important;
box-shadow: 0 1px 4px 0 ButtonFace !important;
background-color: ButtonText !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 1px 4px 0 ButtonFace !important; /* stylelint-disable-line declaration-no-important */
}
}
front_end/ui/legacy/components/data_grid/dataGrid.css
+6 -6
View File
@@ -1,6 +1,6 @@
.data-grid {
position: relative;
border: 1px solid rgb(204 204 204) !important; /* stylelint-disable-line plugin/use_theme_colors */
border: 1px solid rgb(204 204 204) !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
line-height: 120%;
}
@@ -48,7 +48,7 @@
width: 14px;
padding-right: 0;
padding-left: 0;
border-left: 0 none transparent !important;
border-left: 0 none transparent !important; /* stylelint-disable-line declaration-no-important */
}
.data-grid.inline .corner {
@@ -62,8 +62,8 @@
.data-grid .top-filler-td,
.data-grid .bottom-filler-td {
height: auto !important;
padding: 0 !important;
height: auto !important; /* stylelint-disable-line declaration-no-important */
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.data-grid table.data {
@@ -123,7 +123,7 @@
.data-grid th:first-child,
.data-grid td:first-child {
border-left: none !important;
border-left: none !important; /* stylelint-disable-line declaration-no-important */
}
.data-grid td > div,
@@ -231,7 +231,7 @@
}
.data-grid.no-selection:focus-visible {
border: 1px solid var(--legacy-accent-color) !important;
border: 1px solid var(--legacy-accent-color) !important; /* stylelint-disable-line declaration-no-important */
}
.data-grid:focus table.data tr.selected {
front_end/ui/legacy/components/inline_editor/bezierEditor.css
+1 -1
View File
@@ -171,7 +171,7 @@ span.bezier-display-value {
line-height: 20px;
height: 20px;
cursor: text;
white-space: nowrap !important;
white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
}
.bezier-container {
front_end/ui/legacy/components/object_ui/objectPropertiesSection.css
+1 -1
View File
@@ -10,7 +10,7 @@
.object-properties-section {
padding: 0 0 0 0;
color: rgb(33 33 33) !important; /* stylelint-disable-line plugin/use_theme_colors */
color: rgb(33 33 33) !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
display: flex;
flex-direction: column;
front_end/ui/legacy/components/perf_ui/PieChart.ts
+1 -1
View File
@@ -123,7 +123,7 @@ export class PieChart extends HTMLElement {
}
.pie-chart-legend-row:focus-visible {
box-shadow: 0 0 0 2px var(--legacy-selection-bg-color) !important;
box-shadow: 0 0 0 2px var(--legacy-selection-bg-color) !important; /* stylelint-disable-line declaration-no-important */
}
.pie-chart-swatch {
front_end/ui/legacy/components/text_editor/cmdevtools.css
+4 -4
View File
@@ -6,15 +6,15 @@
*/
.CodeMirror {
line-height: 1.2em !important;
background-color: transparent !important;
line-height: 1.2em !important; /* stylelint-disable-line declaration-no-important */
background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
color: #222; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
height: 300px;
}
.CodeMirror-linewidget {
overflow: visible !important;
overflow: visible !important; /* stylelint-disable-line declaration-no-important */
}
.CodeMirror-gutter-performance {
@@ -444,7 +444,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
}
.show-whitespaces .CodeMirror .cm-tab::before {
display: block !important;
display: block !important; /* stylelint-disable-line declaration-no-important */
}
.cm-execution-line {
front_end/ui/legacy/components/text_editor/cmdevtools.darkmode.css
+1 -1
View File
@@ -1,6 +1,6 @@
/* This file was automatically generated via:
npm run generate-dark-mode-styles front_end/ui/legacy/components/text_editor/cmdevtools.css
* Last Updated: Wed Apr 28 2021 13:21:56 GMT+0000 (Coordinated Universal Time)
* Last Updated: Tue May 04 2021 14:55:52 GMT+0100 (British Summer Time)
*/
/* stylelint-disable */
:host-context(.-theme-with-dark-background) .CodeMirror,
front_end/ui/legacy/glassPane.css
+1 -1
View File
@@ -5,7 +5,7 @@
*/
:host {
position: absolute !important;
position: absolute !important; /* stylelint-disable-line declaration-no-important */
top: 0;
bottom: 0;
left: 0;
front_end/ui/legacy/inspectorCommon.css
+12 -12
View File
@@ -136,12 +136,12 @@ body {
.monospace {
font-family: var(--monospace-font-family);
font-size: var(--monospace-font-size) !important;
font-size: var(--monospace-font-size) !important; /* stylelint-disable-line declaration-no-important */
}
.source-code {
font-family: var(--source-code-font-family);
font-size: var(--source-code-font-size) !important;
font-size: var(--source-code-font-size) !important; /* stylelint-disable-line declaration-no-important */
white-space: pre-wrap;
}
@@ -175,13 +175,13 @@ iframe.fill {
.hbox {
display: flex;
flex-direction: row !important;
flex-direction: row !important; /* stylelint-disable-line declaration-no-important */
position: relative;
}
.vbox {
display: flex;
flex-direction: column !important;
flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
position: relative;
}
@@ -219,7 +219,7 @@ iframe.widget {
}
.hidden {
display: none !important;
display: none !important; /* stylelint-disable-line declaration-no-important */
}
.highlighted-search-result {
@@ -315,21 +315,21 @@ input::placeholder {
.editing {
box-shadow: var(--drop-shadow);
background-color: var(--color-background);
text-overflow: clip !important;
text-overflow: clip !important; /* stylelint-disable-line declaration-no-important */
padding-left: 2px;
margin-left: -2px;
padding-right: 2px;
margin-right: -2px;
margin-bottom: -1px;
padding-bottom: 1px;
opacity: 100% !important;
opacity: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.editing,
.editing * {
color: #222 !important; /* stylelint-disable-line plugin/use_theme_colors */
color: #222 !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
text-decoration: none !important;
text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
}
.chrome-select {
@@ -492,7 +492,7 @@ span[is=dt-icon-label] {
.-theme-preserve {
-webkit-mask-image: var(--image-file-smallIcons);
-webkit-mask-position: var(--spritesheet-position);
background: #fafafa !important; /* stylelint-disable-line plugin/use_theme_colors */
background: #fafafa !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
@@ -502,7 +502,7 @@ span[is=dt-icon-label] {
.-theme-preserve {
-webkit-mask-image: var(--image-file-largeIcons);
-webkit-mask-position: var(--spritesheet-position);
background: #fafafa !important; /* stylelint-disable-line plugin/use_theme_colors */
background: #fafafa !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
@@ -512,7 +512,7 @@ span[is=dt-icon-label] {
.-theme-preserve {
-webkit-mask-image: var(--image-file-mediumIcons);
-webkit-mask-position: var(--spritesheet-position);
background: #fafafa !important; /* stylelint-disable-line plugin/use_theme_colors */
background: #fafafa !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
front_end/ui/legacy/inspectorViewTabbedPane.css
+1 -1
View File
@@ -22,5 +22,5 @@
}
.tabbed-pane-left-toolbar {
margin-right: 0 !important;
margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
front_end/ui/legacy/rootView.css
+1 -1
View File
@@ -7,7 +7,7 @@
.root-view {
background-color: var(--color-background);
overflow: hidden;
position: absolute !important;
position: absolute !important; /* stylelint-disable-line declaration-no-important */
left: 0;
top: 0;
right: 0;
front_end/ui/legacy/softContextMenu.css
+1 -1
View File
@@ -6,7 +6,7 @@
.soft-context-menu {
overflow-y: auto;
min-width: 160px !important;
min-width: 160px !important; /* stylelint-disable-line declaration-no-important */
/* NOTE: Keep padding in sync with padding adjustment in SoftContextMenu.js */
padding: 4px 0 4px 0;
border: 1px solid #b9b9b9; /* stylelint-disable-line plugin/use_theme_colors */
front_end/ui/legacy/splitWidget.css
+1 -1
View File
@@ -64,7 +64,7 @@
}
.shadow-split-widget.vbox > .shadow-split-widget-sidebar.no-default-splitter {
border: 0 !important;
border: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.shadow-split-widget.vbox > .shadow-split-widget-sidebar:not(.maximized) {
front_end/ui/legacy/tabbedPane.css
+3 -3
View File
@@ -210,12 +210,12 @@
/* Web page style */
.tabbed-pane-shadow.vertical-tab-layout {
flex-direction: row !important;
flex-direction: row !important; /* stylelint-disable-line declaration-no-important */
}
.tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header {
background-color: transparent;
border: none transparent !important;
border: none transparent !important; /* stylelint-disable-line declaration-no-important */
width: auto;
flex: 0 0 auto;
flex-direction: column;
@@ -254,7 +254,7 @@
}
.tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab:not(.selected) {
cursor: pointer !important;
cursor: pointer !important; /* stylelint-disable-line declaration-no-important */
}
.tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab.selected {
front_end/ui/legacy/textButton.css
+1 -1
View File
@@ -59,7 +59,7 @@
.text-button.link-style {
background: none;
border: none;
padding: 0 !important;
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
font: inherit;
cursor: pointer;
height: 18px;
front_end/ui/legacy/textPrompt.css
+6 -6
View File
@@ -12,14 +12,14 @@
.text-prompt-editing {
box-shadow: var(--drop-shadow);
background-color: var(--color-background);
text-overflow: clip !important;
text-overflow: clip !important; /* stylelint-disable-line declaration-no-important */
padding-left: 2px;
margin-left: -2px;
padding-right: 2px;
margin-right: -2px;
margin-bottom: -1px;
padding-bottom: 1px;
opacity: 100% !important;
opacity: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.text-prompt {
@@ -32,13 +32,13 @@
}
.text-prompt-editing > .text-prompt {
color: var(--color-text-primary) !important;
text-decoration: none !important;
color: var(--color-text-primary) !important; /* stylelint-disable-line declaration-no-important */
text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
white-space: pre;
}
.text-prompt > .auto-complete-text {
color: var(--color-text-secondary) !important;
color: var(--color-text-secondary) !important; /* stylelint-disable-line declaration-no-important */
}
.text-prompt[data-placeholder]:empty::before {
@@ -67,7 +67,7 @@
@media (forced-colors: active) {
.text-prompt[data-placeholder]:empty::before {
color: GrayText !important;
color: GrayText !important; /* stylelint-disable-line declaration-no-important */
}
.text-prompt.disabled {
front_end/ui/legacy/toolbar.css
+8 -8
View File
@@ -194,13 +194,13 @@ it. */
.toolbar-button.toolbar-state-on.toolbar-toggle-with-red-color .toolbar-glyph,
.toolbar-button.toolbar-state-off.toolbar-default-with-red-color .toolbar-glyph {
background-color: rgb(216 0 0) !important; /* stylelint-disable-line plugin/use_theme_colors */
background-color: rgb(216 0 0) !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
.toolbar-button.toolbar-state-on.toolbar-toggle-with-red-color .toolbar-icon,
.toolbar-button.toolbar-state-off.toolbar-default-with-red-color .toolbar-icon {
--icon-color: rgb(216 0 0) !important; /* stylelint-disable-line plugin/use_theme_colors */
--icon-color: rgb(216 0 0) !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
@@ -221,7 +221,7 @@ it. */
}
.toolbar-button.dark-text .toolbar-text {
color: #333 !important; /* stylelint-disable-line plugin/use_theme_colors */
color: #333 !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
/* See: crbug.com/1152736 for color variable migration. */
}
@@ -230,11 +230,11 @@ it. */
}
:host-context(.-theme-with-dark-background) .toolbar-button .toolbar-icon {
--icon-color: rgb(145 145 145) !important;
--icon-color: rgb(145 145 145) !important; /* stylelint-disable-line declaration-no-important */
}
:host-context(.-theme-with-dark-background) .toolbar-button:hover .toolbar-icon {
--icon-color: rgb(204 204 204) !important;
--icon-color: rgb(204 204 204) !important; /* stylelint-disable-line declaration-no-important */
}
:not(.toolbar-render-as-links) .toolbar-button:enabled:hover:not(:active) .toolbar-glyph {
@@ -278,17 +278,17 @@ it. */
}
.toolbar-toggled-gray .toolbar-button.toolbar-state-on {
background-color: var(--color-background-elevation-1) !important;
background-color: var(--color-background-elevation-1) !important; /* stylelint-disable-line declaration-no-important */
}
:host-context(.-theme-with-dark-background) .toolbar-button.toolbar-state-on.toolbar-toggle-with-red-color .toolbar-glyph,
:host-context(.-theme-with-dark-background) .toolbar-button.toolbar-state-off.toolbar-default-with-red-color .toolbar-glyph {
background-color: hsl(0deg 100% 65%) !important; /* stylelint-disable-line plugin/use_theme_colors */
background-color: hsl(0deg 100% 65%) !important; /* stylelint-disable-line plugin/use_theme_colors, declaration-no-important */
}
:host-context(.-theme-with-dark-background) .toolbar-button.toolbar-state-on.toolbar-toggle-with-red-color .toolbar-icon,
:host-context(.-theme-with-dark-background) .toolbar-button.toolbar-state-off.toolbar-default-with-red-color .toolbar-icon {
--icon-color: hsl(0deg 100% 65%) !important;
--icon-color: hsl(0deg 100% 65%) !important; /* stylelint-disable-line declaration-no-important */
}
/* Checkbox */
front_end/ui/legacy/treeoutline.css
+1 -1
View File
@@ -204,7 +204,7 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus * {
.tree-outline li.selected [is=ui-icon].icon-mask,
.tree-outline li.selected:focus [is=ui-icon]:not(.icon-mask) {
background-color: HighlightText !important;
background-color: HighlightText !important; /* stylelint-disable-line declaration-no-important */
}
ol.tree-outline:not(.hide-selection-when-blurred) li.selected,
front_end/ui/legacy/viewContainers.css
+1 -1
View File
@@ -71,7 +71,7 @@
@media (forced-colors: active) {
.expandable-view-title:focus-visible {
forced-color-adjust: none;
background: canvas !important;
background: canvas !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 2px Highlight inset;
}
}
inspector_overlay/common.css
+1 -1
View File
@@ -37,5 +37,5 @@ body.platform-windows {
}
.hidden {
display: none !important;
display: none !important; /* stylelint-disable-line declaration-no-important */
}