Fix commit message color when it's long + add some UI clean-up (#665)

web/scripts/swagger-transform.js

@@ -21,9 +21,7 @@ const yaml = require('js-yaml')
 const stringify = require('fast-json-stable-stringify')
 
 module.exports = inputSchema => {
-  // Use a hard-coded configuration to prevent user-defined input.
   const config = 'code'
-
   const overridesFile = path.join('src/services', config, 'overrides.yaml')
 
   let paths = inputSchema.paths

web/src/components/Changes/ChangesDropdown.tsx

@@ -25,7 +25,6 @@ import { waitUntil } from 'utils/Utils'
 import { PipeSeparator } from 'components/PipeSeparator/PipeSeparator'
 import type { DiffFileEntry } from 'utils/types'
 import css from './ChangesDropdown.module.scss'
-// import { TreeExample } from 'pages/Repository/RepositoryTree/TreeExample'
 
 const STICKY_TOP_POSITION = 64
 
@@ -38,7 +37,6 @@ export const ChangesDropdown: React.FC<{ diffs: DiffFileEntry[] }> = ({ diffs })
       className={css.link}
       tooltip={
         <Container padding="small" className={css.filesMenu}>
-          {/* <TreeExample /> */}
           <Menu>
             {diffs?.map((diff, index) => (
               <MenuItem

web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.module.scss

@@ -86,6 +86,7 @@
         font-size: 13px;
         font-weight: 400;
         cursor: pointer !important;
+        color: var(--black) !important;
       }
 
       .text:hover {

web/src/utils/Utils.ts

@@ -389,9 +389,5 @@ export function isInViewport(element: Element) {
   )
 }
 
-export const truncateString = (str: string, length: number): string => {
+export const truncateString = (str: string, length: number): string =>
-  if (str.length <= length) {
+  str.length <= length ? str : str.slice(0, length - 3) + '...'
-    return str
-  }
-  return str.slice(0, length - 3) + '...'
-}