Adjust sub name display (polkadot-js#2113)

cennznet · Feb 20, 2020 · fa822d1 · fa822d1
1 parent 24ad1d0
commit fa822d1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/react-components/src/AccountName.tsx b/packages/react-components/src/AccountName.tsx
@@ -207,7 +207,7 @@ function AccountName ({ children, className, defaultName, label, onClick, overri
             />
             {
               displayParent
-                ? <span className={`name ${isGood && 'isGood'}`}>{displayParent}/{displayName}</span>
+                ? <span className={`name ${isGood && 'isGood'}`}><span className='top'>{displayParent}</span><span className='sub'>/{displayName}</span></span>
                 : <span className={`name ${isGood && 'isGood'}`}>{displayName}</span>
             }
           </div>
@@ -321,6 +321,7 @@ export default styled(AccountName)`
 
       .sub {
         font-size: 0.75rem;
+        opacity: 0.75;
       }
     }