Convert Bootstrap utility class small to PF equivalent

openshift · Jul 14, 2021 · 5995db0 · 5995db0
1 parent a11715c
commit 5995db0
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/frontend/packages/ceph-storage-plugin/src/utils/osd-size-dropdown.tsx b/frontend/packages/ceph-storage-plugin/src/utils/osd-size-dropdown.tsx
@@ -30,7 +30,7 @@ const DropdownOptionsItem: React.FC<DropdownOptionsItemProps> = ({ title, scale
       {title}
       <>
         &nbsp;
-        <div className="co-resource-item__resource-api text-muted co-truncate show co-nowrap small">
+        <div className="co-resource-item__resource-api text-muted co-truncate pf-u-display-block co-nowrap small">
           {scale}
         </div>
       </>

diff --git a/frontend/packages/console-shared/src/components/dropdown/ResourceDropdown.tsx b/frontend/packages/console-shared/src/components/dropdown/ResourceDropdown.tsx
@@ -32,7 +32,7 @@ const DropdownItem: React.FC<DropdownItemProps> = ({ model, name, namespace }) =
     <span className="co-resource-item__resource-name">
       <span>{name}</span>
       {namespace && (
-        <span className="text-muted co-truncate show co-nowrap small co-resource-item__resource-namespace">
+        <span className="text-muted co-truncate pf-u-display-block co-nowrap small co-resource-item__resource-namespace">
           {namespace}
         </span>
       )}

diff --git a/frontend/public/components/resource-dropdown.tsx b/frontend/public/components/resource-dropdown.tsx
@@ -90,7 +90,7 @@ const ResourceListDropdown_: React.SFC<ResourceListDropdownProps> = (props) => {
               )}
             </span>
             {isDup(model.kind) && (
-              <span className="co-resource-item__resource-api text-muted co-truncate show co-nowrap small">
+              <span className="co-resource-item__resource-api text-muted co-truncate pf-u-display-block co-nowrap small">
                 {model.apiGroup || 'core'}/{model.apiVersion}
               </span>
             )}

diff --git a/frontend/public/components/search.tsx b/frontend/public/components/search.tsx
@@ -199,7 +199,7 @@ const SearchPage_: React.FC<SearchProps> = (props) => {
     return (
       <span className="co-search-group__accordion-label">
         {labelPluralKey ? t(labelPluralKey) : labelPlural}{' '}
-        <span className="text-muted show small">
+        <span className="text-muted pf-u-display-block small">
           {apiGroup || 'core'}/{apiVersion}
         </span>
       </span>

diff --git a/frontend/public/vendor.scss b/frontend/public/vendor.scss
@@ -51,6 +51,7 @@
 @import "~@patternfly/patternfly/components/NotificationBadge/notification-badge";
 @import "~@patternfly/patternfly/components/NotificationDrawer/notification-drawer";
 @import "~@patternfly/patternfly/components/Toolbar/toolbar";
+@import "~@patternfly/patternfly/utilities/Display/display";
 @import "~@patternfly/patternfly/utilities/Sizing/sizing";
 @import "~@patternfly/patternfly/patternfly-charts";