OpenConceptLab/ocl_issues#1023 | tabs to have capitalize text (not al…

…l uppercase)
OpenConceptLab · Oct 4, 2021 · 2b762f8 · 2b762f8
1 parent 80384cf
commit 2b762f8
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/src/components/app/App.scss b/src/components/app/App.scss
@@ -263,7 +263,7 @@ span.separator-small {
             text-transform: capitalize;
             border-bottom: 1px solid #e0e0e0;
             span {
-                font-size: 1.150rem;
+                font-size: 1rem;
                 color: $blue;
             }
         }
@@ -363,7 +363,11 @@ div.login-paper {
     height: 40px !important;
     min-height: 40px !important;
 }
+.capitalize {
+    text-transform: capitalize;
+}
 .material-tab {
+    text-transform: capitalize;
     span {
         flex-direction: row;
         display: flex;

diff --git a/src/components/collections/CollectionHomeTabs.jsx b/src/components/collections/CollectionHomeTabs.jsx
@@ -73,14 +73,14 @@ const CollectionHomeTabs = props => {
             config => {
               const label = (
                 <span className='flex-vertical-center'>
-                  <DynamicConfigResourceIcon icon={config.icon} resource={config.type} index={tabConfigs.indexOf(config)} style={{width: '0.9em'}} />
+                  <DynamicConfigResourceIcon icon={config.icon} resource={config.type} index={tabConfigs.indexOf(config)} style={{width: '0.7em'}} />
                   <span style={{marginLeft: '4px'}}>{config.label}</span>
                 </span>
               );
               if(isOCLDefaultConfigSelected)
-                return (<Tab key={config.label} label={label} component="a" href={getTABHref(config)}/>)
+                return (<Tab key={config.label} label={label} component="a" href={getTABHref(config)} style={{textTransform: 'capitalize'}} />)
               else
-                return (<Tab key={config.label} label={label} />)
+                return (<Tab key={config.label} label={label} style={{textTransform: 'capitalize'}} />)
             }
           )
         }

diff --git a/src/components/orgs/HomeTabs.jsx b/src/components/orgs/HomeTabs.jsx
@@ -80,6 +80,7 @@ const HomeTabs = props => {
                   label={label}
                   component="a"
                   href={getTABHref(config)}
+                  className='capitalize'
                 />
               )
             return (
@@ -89,6 +90,7 @@ const HomeTabs = props => {
                 key={key}
                 id={key}
                 label={label}
+                className='capitalize'
               />
             )
           })

diff --git a/src/components/orgs/OrgHomeTabs.jsx b/src/components/orgs/OrgHomeTabs.jsx
@@ -51,7 +51,7 @@ const OrgHomeTabs = props => {
     <div className='col-md-12 sub-tab' style={{width: width}}>
       <Tabs className='sub-tab-header col-md-11 no-side-padding' value={tab} onChange={onTabChange} aria-label="concept-home-tabs" classes={{indicator: 'hidden'}}>
         {
-          map(tabConfigs, config => <Tab key={config.label} label={config.label} />)
+          map(tabConfigs, config => <Tab key={config.label} label={config.label} style={{textTransform: 'capitalize'}} />)
         }
       </Tabs>
       {

diff --git a/src/components/sources/SourceHomeTabs.jsx b/src/components/sources/SourceHomeTabs.jsx
@@ -102,14 +102,14 @@ const SourceHomeTabs = props => {
             config => {
               const label = (
                 <span className='flex-vertical-center'>
-                  <DynamicConfigResourceIcon icon={config.icon} resource={config.type} index={tabConfigs.indexOf(config)} style={{width: '0.8em'}} />
+                  <DynamicConfigResourceIcon icon={config.icon} resource={config.type} index={tabConfigs.indexOf(config)} style={{width: '0.7em'}} />
                   <span style={{marginLeft: '4px'}}>{config.label}</span>
                 </span>
               );
               if(isOCLDefaultConfigSelected)
-                return (<Tab key={config.label} label={label} component="a" href={getTABHref(config)} />)
+                return (<Tab key={config.label} label={label} component="a" href={getTABHref(config)} style={{textTransform: 'capitalize'}} />)
 
-              return (<Tab key={config.label} label={label} />)
+              return (<Tab key={config.label} label={label} style={{textTransform: 'capitalize'}} />)
             }
           )
         }