optimize style

haiwen · Jun 4, 2024 · 681cfa1 · 681cfa1
1 parent f7e2714
commit 681cfa1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/src/extension/plugins/image/menu/image-menu-popover.js b/src/extension/plugins/image/menu/image-menu-popover.js
@@ -46,21 +46,21 @@ const ImageMenuPopover = React.forwardRef(({ editor, handelClosePopover, isSuppo
 
   return (
     <Fragment>
-      <div className='image-popover' ref={ref}>
-        <div className='image-popover-item' onClick={handleInsertNetworkImage}>{t('Insert_network_image')}</div>
-        <label htmlFor='image-uploader' className='image-popover-item' onClick={handleClickFileInput} >
+      <div className='sf-image-popover' ref={ref}>
+        <div className='sf-image-popover-item' onClick={handleInsertNetworkImage}>{t('Insert_network_image')}</div>
+        <label htmlFor='sf-image-uploader' className='sf-image-popover-item' onClick={handleClickFileInput} >
           {t('Upload_local_image')}
         </label>
         <input
           onClick={handleClickFileInput}
           onChange={handleUploadLocalImage}
           type="file"
           accept='image/*'
-          className='image-uploader'
-          id='image-uploader'
+          className='sf-image-uploader'
+          id='sf-image-uploader'
         />
         {isSupportInsertSeafileImage && (
-          <div className='image-popover-item' onClick={handleInsertLibraryImage}>{t('Insert_library_image')}</div>
+          <div className='sf-image-popover-item' onClick={handleInsertLibraryImage}>{t('Insert_library_image')}</div>
         )}
       </div>
       {isShowInternetImageModal && (

diff --git a/src/extension/plugins/image/menu/style.css b/src/extension/plugins/image/menu/style.css
@@ -1,9 +1,4 @@
-.image-toggle-disabled {
-  color: #BDBDBD;
-  cursor: unset;
-}
-
-.image-popover {
+.sf-image-popover {
   position: absolute;
   top: 42px;
   left: 8px;
@@ -18,7 +13,7 @@
   z-index: 101;
 }
 
-.image-popover .image-popover-item {
+.sf-image-popover .sf-image-popover-item {
   margin: 0;
   padding: 9px 16px;
   height: auto;
@@ -29,10 +24,10 @@
   cursor: pointer;
 }
 
-.image-popover .image-popover-item:hover {
+.sf-image-popover .sf-image-popover-item:hover {
   background-color: #F2F2F2;
 }
 
-.image-popover .image-uploader {
+.sf-image-popover .sf-image-uploader {
   display: none;
 }