increase item note font size a bit

danilo-leal · Apr 30, 2024 · 7a5ada5 · 7a5ada5
1 parent eeb7e61
commit 7a5ada5
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 24 deletions.
diff --git a/docs/src/modules/components/ApiPage/list/ClassesList.tsx b/docs/src/modules/components/ApiPage/list/ClassesList.tsx
@@ -94,6 +94,12 @@ export default function ClassesList(props: ClassesListProps) {
             className={isDeprecated ? 'classes-list-deprecated-item' : ''}
           >
             {description && <p dangerouslySetInnerHTML={{ __html: description }} />}
+            {displayClassKeys && !isGlobal && (
+              <p className="prop-list-class">
+                <span className="prop-list-title">{'Rule name'}:</span>
+                <code className="Api-code">{key}</code>
+              </p>
+            )}
             {isDeprecated && (
               <ApiWarning className="MuiApi-collapsible classes-list-alert">
                 <b>{t('api-docs.deprecated')}</b>
@@ -109,12 +115,6 @@ export default function ClassesList(props: ClassesListProps) {
                 )}
               </ApiWarning>
             )}
-            {displayClassKeys && !isGlobal && (
-              <p className="prop-list-class">
-                <span className="prop-list-title">{'Rule name'}:</span>
-                <code className="Api-code">{key}</code>
-              </p>
-            )}
           </StyledApiItem>
         );
       })}

diff --git a/docs/src/modules/components/ApiPage/list/ExpandableApiItem.tsx b/docs/src/modules/components/ApiPage/list/ExpandableApiItem.tsx
@@ -58,9 +58,8 @@ const Root = styled('div')<{ ownerState: { type?: DescriptionType } }>(
     '& .MuiApi-item-note': {
       marginLeft: 2,
       color: `var(--muidocs-palette-success-800, ${lightTheme.palette.success[800]})`,
-      fontSize: theme.typography.pxToRem(10),
-      fontWeight: theme.typography.fontWeightBold,
-      lineHeight: '24px',
+      fontSize: theme.typography.pxToRem(11),
+      fontWeight: theme.typography.fontWeightSemiBold,
       letterSpacing: '.1rem',
       textTransform: 'uppercase',
     },

diff --git a/docs/src/modules/components/ApiPage/list/PropertiesList.tsx b/docs/src/modules/components/ApiPage/list/PropertiesList.tsx
@@ -235,21 +235,6 @@ export default function PropertiesList(props: PropertiesListProps) {
                 }}
               />
             ))}
-            {isDeprecated && (
-              <ApiWarning className="MuiApi-collapsible prop-list-alert">
-                <b>{t('api-docs.deprecated')}</b>
-                {deprecationInfo && (
-                  <React.Fragment>
-                    {'－'}
-                    <span
-                      dangerouslySetInnerHTML={{
-                        __html: deprecationInfo,
-                      }}
-                    />
-                  </React.Fragment>
-                )}
-              </ApiWarning>
-            )}
             <div className="prop-list-additional-info">
               {typeName && (
                 <p className="prop-list-type MuiApi-collapsible">
@@ -305,6 +290,21 @@ export default function PropertiesList(props: PropertiesListProps) {
                 </div>
               )}
             </div>
+            {isDeprecated && (
+              <ApiWarning className="MuiApi-collapsible prop-list-alert">
+                <b>{t('api-docs.deprecated')}</b>
+                {deprecationInfo && (
+                  <React.Fragment>
+                    {'－'}
+                    <span
+                      dangerouslySetInnerHTML={{
+                        __html: deprecationInfo,
+                      }}
+                    />
+                  </React.Fragment>
+                )}
+              </ApiWarning>
+            )}
           </StyledApiItem>
         );
       })}