12.0 fix icon size (#6259)

* 01 change wiki dropdown icon style

* 02 change wiki title color

frontend/src/pages/wiki2/css/view-structure.css

@@ -248,10 +248,6 @@
   margin-top: 4px;
 }
 
-.view-operation-dropdown-menu .sf3-font {
-  margin-right: 10px;
-}
-
 .view-operation-dropdown-menu .divider {
   margin: 0.2rem 0;
 }
@@ -334,16 +330,13 @@
   top: 0;
 }
 
-/* dropdown icon */
-.dtable-dropdown-menu .dropdown-item .item-icon,
-.dtable-dropdown-menu .dropdown-item .seafile-multicolor-icon {
+.dtable-dropdown-menu .dropdown-item .sf3-font {
   font-size: 14px;
   margin-right: 10px;
   color: #8c8c8c;
 }
 
-.dtable-dropdown-menu .dropdown-item:hover .item-icon,
-.dtable-dropdown-menu .dropdown-item:hover .seafile-multicolor-icon {
+.dtable-dropdown-menu .dropdown-item:hover .sf3-font {
   color: #fff;
 }
 

frontend/src/pages/wiki2/view-structure/folders/folder-operation-dropdownmenu.js

@@ -57,15 +57,15 @@ export default class FolderOperationDropdownMenu extends Component {
             positionFixed={true}
           >
             <DropdownItem onClick={this.props.onToggleAddView.bind(this, this.props.folderId)}>
-              <Icon symbol={'file'}/>
+              <i className="sf3-font sf3-font-file" />
               <span className="item-text">{gettext('Add page')}</span>
             </DropdownItem>
             <DropdownItem onClick={this.openFolderEditor}>
-              <Icon symbol={'edit'}/>
+              <i className="sf3-font sf3-font-rename" />
               <span className="item-text">{gettext('Modify name')}</span>
             </DropdownItem>
             <DropdownItem onMouseDown={this.onDeleteFolder}>
-              <Icon symbol={'delete'}/>
+              <i className="sf3-font sf3-font-delete1" />
               <span className="item-text">{gettext('Delete folder')}</span>
             </DropdownItem>
           </DropdownMenu>

frontend/src/pages/wiki2/view-structure/views/page-dropdownmenu.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import toaster from '../../../../components/toast';
 import { gettext } from '../../../../utils/constants';
-import Icon from '../../../../components/icon';
 import { getWikPageLink } from '../../utils';
 
 export default class PageDropdownMenu extends Component {
@@ -143,28 +142,28 @@ export default class PageDropdownMenu extends Component {
           positionFixed={true}
         >
           <DropdownItem onClick={this.handleCopyLink}>
-            <i className="sf3-font sf3-font-sdoc-link" />
+            <i className="sf3-font sf3-font-link" />
             <span className="item-text">{gettext('Copy link')}</span>
           </DropdownItem>
           <DropdownItem onClick={this.onRenameView}>
-            <Icon symbol={'edit'}/>
+            <i className="sf3-font sf3-font-rename" />
             <span className="item-text">{gettext('Modify name')}</span>
           </DropdownItem>
           {canDuplicate &&
             <DropdownItem onClick={this.duplicatePage}>
-              <Icon symbol={'copy'}/>
+              <i className="sf3-font sf3-font-copy1" />
               <span className="item-text">{gettext('Duplicate page')}</span>
             </DropdownItem>
           }
           {(isOnlyOneView || pagesLength === 1 || !canDelete) ? '' : (
             <DropdownItem onClick={this.onDeleteView}>
-              <Icon symbol={'delete'}/>
+              <i className="sf3-font sf3-font-delete1" />
               <span className="item-text">{gettext('Delete page')}</span>
             </DropdownItem>
           )}
           {folderId &&
             <DropdownItem onClick={this.onRemoveFromFolder}>
-              <Icon symbol={'remove-from-folder'}/>
+              <i className="sf3-font sf3-font-move" />
               <span className="item-text">{gettext('Remove from folder')}</span>
             </DropdownItem>
           }
@@ -187,7 +186,7 @@ export default class PageDropdownMenu extends Component {
                 toggle={this.onToggleFoldersMenu}
               >
                 <div className="folders-dropdown-toggle" ref={ref => this.foldersDropdownToggle = ref}>
-                  <Icon symbol={'move-to'}/>
+                  <i className="sf3-font sf3-font-move" />
                   <span className="item-text">{gettext('Move to')}</span>
                   <span className="icon-dropdown-toggle">
                     <i className="sf3-font-down sf3-font rotate-270"></i>

frontend/src/pages/wiki2/wiki.css

@@ -67,6 +67,7 @@ img[src=""] {
   padding-left: 142px;
   font-weight: bold;
   font-size: 26pt;
+  color: #212529;
 }
 
 /* reset article h1 */