fix: changed several components style font-family to monospace (#1063)

fixes #909
Redocly · Oct 16, 2019 · 0c20e64 · 0c20e64
1 parent b5af71d
commit 0c20e64
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/common-elements/dropdown.ts b/src/common-elements/dropdown.ts
@@ -21,7 +21,7 @@ export const StyledDropdown = styled(Dropdown)`
   font-family: ${props => props.theme.typography.headings.fontFamily};
 
   .Dropdown-control {
-    font-family: ${props => props.theme.typography.headings.fontFamily};
+    font-family: ${props => props.theme.typography.code.fontFamily};
     position: relative;
     font-size: 0.929em;
     width: 100%;

diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
@@ -63,7 +63,7 @@ export const PropertyNameCell = styled(PropertyCell)`
   line-height: 20px;
   white-space: nowrap;
   font-size: 0.929em;
-  font-family: ${props => props.theme.typography.headings.fontFamily};
+  font-family: ${props => props.theme.typography.code.fontFamily};
 
   &.deprecated {
     ${deprecatedCss};

diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
@@ -72,7 +72,6 @@ export const ExampleValue = styled(FieldLabel)`
     padding: 0 ${theme.spacing.unit}px;
     border: 1px solid ${transparentize(0.9, theme.colors.text.primary)};
     font-family: ${theme.typography.code.fontFamily};
-    color: ${theme.typography.code.color};
 }`};
   & + & {
     margin-left: 0;
@@ -91,6 +90,7 @@ export const ConstraintItem = styled(FieldLabel)`
     margin: 0 ${theme.spacing.unit}px;
     padding: 0 ${theme.spacing.unit}px;
     border: 1px solid ${transparentize(0.9, theme.colors.primary.main)};
+    font-family: ${theme.typography.code.fontFamily};
 }`};
   & + & {
     margin-left: 0;