add modifications

libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx

@@ -37,7 +37,12 @@ export const RemixUiCheckbox = ({
   tooltipPlacement = 'right'
 }: RemixUiCheckboxProps) => {
 
-  const childJSX = (
+  const childJSXWithTooltip = (
+      <CustomTooltip
+          tooltipText={title}
+          tooltipId={`${name}Tooltip`}
+          placement={tooltipPlacement}
+        >
       <div className="listenOnNetwork_2A0YE0 custom-control custom-checkbox" style={{ display: display, alignItems: 'center', visibility: visibility } as CSSProperties } onClick={onClick}>
         <input
           id={id}
@@ -53,15 +58,27 @@ export const RemixUiCheckbox = ({
           {label}
         </label>
       </div>
+      </CustomTooltip>
     )
+  const childJSX = (
+    <div className="listenOnNetwork_2A0YE0 custom-control custom-checkbox" style={{ display: display, alignItems: 'center', visibility: visibility } as CSSProperties } onClick={onClick}>
+        <input
+          id={id}
+          type={inputType}
+          onChange={onChange}
+          style={{ verticalAlign: 'bottom' }}
+          name={name}
+          className="custom-control-input"
+          checked={checked}
+        />
+        <label className="form-check-label custom-control-label" id={`heading${categoryId}`} style={{ paddingTop: '0.15rem' }}>
+          {name ? <div className="font-weight-bold">{itemName}</div> : ''}
+          {label}
+        </label>
+      </div>
+  )
   return (
-    <CustomTooltip
+    title ? (childJSXWithTooltip) : (childJSX)
-      tooltipText={title}
-      tooltipId={`${name}Tooltip`}
-      placement={tooltipPlacement}
-    >
-      {childJSX}
-    </CustomTooltip>
   )
 }
 

libs/remix-ui/helper/src/lib/components/custom-tooltip.tsx

@@ -4,7 +4,7 @@ import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { CustomTooltipType } from '../../types/customtooltip'
 
 
-export function CustomTooltip({ children, placement, tooltipId, tooltipClasses, tooltipText, tooltipTextClasses }: CustomTooltipType) {
+export function CustomTooltip({ children, placement, tooltipId, tooltipClasses, tooltipText, tooltipTextClasses, delay }: CustomTooltipType) {
 
   return (
     <Fragment>
@@ -15,6 +15,7 @@ export function CustomTooltip({ children, placement, tooltipId, tooltipClasses,
             {typeof tooltipText === 'string' ? (<span className={tooltipTextClasses}>{tooltipText}</span>) : (tooltipText)}
           </Tooltip>
         }
+        delay={delay}
       >
         {children}
       </OverlayTrigger>

libs/remix-ui/helper/src/types/customtooltip.ts

@@ -1,5 +1,5 @@
 import { Placement } from 'react-bootstrap/esm/Overlay'
-import { OverlayTriggerRenderProps } from 'react-bootstrap/esm/OverlayTrigger'
+import { OverlayDelay, OverlayTriggerRenderProps } from 'react-bootstrap/esm/OverlayTrigger'
 
 export type CustomTooltipType = {
   children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((props: OverlayTriggerRenderProps) => React.ReactNode),
@@ -8,4 +8,5 @@ export type CustomTooltipType = {
   tooltipClasses?:string,
   tooltipText: string | JSX.Element,
   tooltipTextClasses?: string
+  delay?: OverlayDelay
 }

libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx

@@ -141,7 +141,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
     } else {
       setAtAddressOptions({
         disabled: true,
-        title: loadedAddress ? 'Compile a *.sol file or select a *.abi file.' : <span className="text-start">To interact with a deployed contract either,<br /> enter its address and compile its source *.sol file <br />(with the same compiler settings) or select its .abi file in the editor. </span>
+        title: loadedAddress ? 'Compile a *.sol file or select a *.abi file.' : <span className="text-start">To interact with a deployed contract, either<br /> enter its address and compile its source *.sol file <br />(with the same compiler settings) or select its .abi file in the editor. </span>
       })
     }
   }
@@ -281,28 +281,22 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
           : null}
       </div>
       <div className="udapp_subcontainer">
-        {contractOptions.disabled ? (
+        <CustomTooltip
-          <select ref={contractsRef} value={currentContract} onChange={handleContractChange} className="udapp_contractNames custom-select" disabled={contractOptions.disabled} style={{ display: loadType === 'abi' && !isContractFile(currentFile) ? 'none' : 'block' }}>
-            {(contractList[currentFile] || []).map((contract, index) => {
-              return <option key={index} value={contract.alias}>
-                {contract.alias} - {contract.file}
-              </option>
-            })}
-          </select>
-        ) : (<CustomTooltip
           placement={"right"}
           tooltipClasses="text-nowrap text-left"
           tooltipId="remixUdappContractNamesTooltip"
           tooltipText={contractOptions.title}
         >
-          <select ref={contractsRef} value={currentContract} onChange={handleContractChange} className="udapp_contractNames custom-select" disabled={contractOptions.disabled} style={{ display: loadType === 'abi' && !isContractFile(currentFile) ? 'none' : 'block' }}>
+          <div id="udappcontractNamesWrapper" className="w-100">
-            {(contractList[currentFile] || []).map((contract, index) => {
+            <select ref={contractsRef} value={currentContract} onChange={handleContractChange} className="udapp_contractNames custom-select" disabled={contractOptions.disabled} style={{ display: loadType === 'abi' && !isContractFile(currentFile) ? 'none' : 'block', pointerEvents: 'none' }}>
-              return <option key={index} value={contract.alias}>
+              {(contractList[currentFile] || []).map((contract, index) => {
-                {contract.alias} - {contract.file}
+                return <option key={index} value={contract.alias}>
-              </option>
+                  {contract.alias} - {contract.file}
-            })}
+                </option>
-          </select>
+              })}
-        </CustomTooltip>)}
+            </select>
+          </div>
+        </CustomTooltip>
         <span className="py-1" style={{ display: abiLabel.display }}>{abiLabel.content}</span>
       </div>
       <div>

libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx

@@ -862,7 +862,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                 tooltipText={<span>{'Language specification available from   Compiler >= v0.5.7'}</span>}
               >
                 <div id="compilerLanguageSelectorWrapper">
-                  <select onChange={(e) => handleLanguageChange(e.target.value)} disabled={state.useFileConfiguration} value={state.language} className="custom-select" id="compilierLanguageSelector">
+                  <select onChange={(e) => handleLanguageChange(e.target.value)} disabled={state.useFileConfiguration} value={state.language} className="custom-select" id="compilierLanguageSelector" style={{ pointerEvents: 'none' }}>
                     <option data-id={state.language === 'Solidity' ? 'selected' : ''} value='Solidity'>Solidity</option>
                     <option data-id={state.language === 'Yul' ? 'selected' : ''} value='Yul'>Yul</option>
                   </select>

libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx

@@ -431,7 +431,6 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
           onClick={event => handleCheckSingle(event, item._index)}
           checked={categoryIndex.includes(item._index.toString())}
           onChange={() => {}}
-          title={item.description}
         />
       </div>
     )

libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx

@@ -86,9 +86,9 @@ const Icon = ({
   return (
     <>
       <CustomTooltip
-        placement={name === 'settings' ? 'right' : name === 'search' ? 'bottom' :
+        placement={'bottom'}
-          name === 'udapp' ? 'bottom' : "top"}
         tooltipText={title}
+        delay={{ show: 1000, hide: 0 }}
       >
         <div
           className={`remixui_icon m-2  pt-1`}