#RI-2076 - update font sizes and weights

Roman.Sergeenko · Roman.Sergeenko · commit c770a89ae4b1 · 2021-11-24T11:22:35.000+03:00
diff --git a/redisinsight/ui/src/components/instance-header/styles.module.scss b/redisinsight/ui/src/components/instance-header/styles.module.scss
@@ -52,11 +52,11 @@
   font-size: 13px !important;
   line-height: 16px;
   padding-bottom: 4px;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .mi_smallText {
-  font: normal normal normal 10px/14px Graphik, sans-serif !important;
+  font: normal normal normal 11px/14px Graphik, sans-serif !important;
   color: var(--euiTooltipTextSecondColor) !important;
   margin-bottom: 8px;
 
diff --git a/redisinsight/ui/src/pages/home/components/AddInstanceControls/styles.module.scss b/redisinsight/ui/src/pages/home/components/AddInstanceControls/styles.module.scss
@@ -14,8 +14,12 @@
   padding-right: 10px;
   height: 43px;
   margin: 0 auto;
-  width: 200px;
+  width: 210px;
   text-decoration: none !important;
+
+  :global(.euiButton__text) {
+    font-weight: 500 !important;
+  }
 }
 
 .createBtn {
diff --git a/redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinksMenu.tsx b/redisinsight/ui/src/pages/home/components/HelpLinksMenu/HelpLinksMenu.tsx
@@ -33,7 +33,7 @@ const HelpLinksMenu = ({ onLinkClick }: IProps) => {
         onClick={() => handleLinkClick(item)}
       >
         <EuiText
-          style={item === 'CreateRedisCloud' ? { fontWeight: 'bold' } : {}}
+          style={item === 'CreateRedisCloud' ? { fontWeight: '500' } : {}}
         >
           {HELP_LINKS[HelpLink[item]].label}
         </EuiText>
diff --git a/redisinsight/ui/src/pages/home/styles.scss b/redisinsight/ui/src/pages/home/styles.scss
@@ -209,6 +209,7 @@
       .euiTableCellContent__text {
         font-size: 16px !important;
         font-family: 'Graphik', sans-serif !important;
+        font-weight: 500 !important;
       }
 
       .euiTableHeaderButton {
diff --git a/redisinsight/ui/src/pages/settings/styles.module.scss b/redisinsight/ui/src/pages/settings/styles.module.scss
@@ -18,7 +18,7 @@
 
 .title {
   padding-bottom: 16px;
-  font: normal normal 600 24px/29px Graphik, sans-serif !important;
+  font: normal normal 500 24px/29px Graphik, sans-serif !important;
 }
 
 .accordion {
diff --git a/redisinsight/ui/src/styles/components/_forms.scss b/redisinsight/ui/src/styles/components/_forms.scss
@@ -26,7 +26,7 @@
   }
 
   .euiFormRow__label {
-    font-size: 12px;
+    font-size: 14px;
   }
 
   .euiFieldText:disabled {

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ const HelpLinksMenu = ({ onLinkClick }: IProps) => {`
`33`	`33`	`onClick={() => handleLinkClick(item)}`
`34`	`34`	`>`
`35`	`35`	`<EuiText`
`36`		`- style={item === 'CreateRedisCloud' ? { fontWeight: 'bold' } : {}}`
	`36`	`+ style={item === 'CreateRedisCloud' ? { fontWeight: '500' } : {}}`
`37`	`37`	`>`
`38`	`38`	`{HELP_LINKS[HelpLink[item]].label}`
`39`	`39`	`</EuiText>`
Original file line number	Diff line number	Diff line change
`@@ -209,6 +209,7 @@`
`209`	`209`	`.euiTableCellContent__text {`
`210`	`210`	`font-size: 16px !important;`
`211`	`211`	`font-family: 'Graphik', sans-serif !important;`
	`212`	`+ font-weight: 500 !important;`
`212`	`213`	`}`
`213`	`214`
`214`	`215`	`.euiTableHeaderButton {`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`
`19`	`19`	`.title {`
`20`	`20`	`padding-bottom: 16px;`
`21`		`- font: normal normal 600 24px/29px Graphik, sans-serif !important;`
	`21`	`+ font: normal normal 500 24px/29px Graphik, sans-serif !important;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.accordion {`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`.euiFormRow__label {`
`29`		`- font-size: 12px;`
	`29`	`+ font-size: 14px;`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.euiFieldText:disabled {`