diff --git a/src/devtools/client/inspector/computed/actions/index.ts b/src/devtools/client/inspector/computed/actions/index.ts index e23576aec3d..d513fcd5d58 100644 --- a/src/devtools/client/inspector/computed/actions/index.ts +++ b/src/devtools/client/inspector/computed/actions/index.ts @@ -101,7 +101,7 @@ export async function createComputedProperties( const combinedNameValue = `${name}:${property.value}`; let parsedValue = cachedParsedProperties.get(combinedNameValue)!; if (!parsedValue) { - parsedValue = outputParser.parseCssProperty(name, value); + parsedValue = outputParser.parseCssProperty(name, property.value); cachedParsedProperties.set(combinedNameValue, parsedValue); } diff --git a/src/devtools/client/inspector/computed/state/index.ts b/src/devtools/client/inspector/computed/state/index.ts index 2dc07953821..fd4335b6c70 100644 --- a/src/devtools/client/inspector/computed/state/index.ts +++ b/src/devtools/client/inspector/computed/state/index.ts @@ -1,3 +1,5 @@ +import { Priority } from "../../rules/models/text-property"; + export interface ComputedPropertyState { name: string; value: string; @@ -9,7 +11,7 @@ export interface MatchedSelectorState { selector: string; value: string; parsedValue: any[]; - priority: string; + priority: Priority; overridden: boolean; stylesheet: string; stylesheetURL: string; diff --git a/src/devtools/client/inspector/rules/components/DeclarationValue.tsx b/src/devtools/client/inspector/rules/components/DeclarationValue.tsx index 797fd744ac6..f19d5c3a085 100644 --- a/src/devtools/client/inspector/rules/components/DeclarationValue.tsx +++ b/src/devtools/client/inspector/rules/components/DeclarationValue.tsx @@ -2,6 +2,7 @@ import React from "react"; import { COLOR, FONT_FAMILY, URI } from "third-party/css/output-parser"; +import { Priority } from "../models/text-property"; import Color from "./value/Color"; import FontFamily from "./value/FontFamily"; import Url from "./value/Url"; @@ -10,7 +11,7 @@ interface DeclarationValueProps { colorSpanClassName: string; colorSwatchClassName: string; fontFamilySpanClassName: string; - priority?: string; + priority?: Priority; values: (string | Record)[]; }