12.0 change triangle icon size 12px (#6245)

* 01 change font

* change triangle icon font size

frontend/src/components/tree-section/index.css

@@ -15,6 +15,7 @@
   height: 28px;
   width: 100%;
   border-radius: 3px;
+  border: 1px solid rgba(69, 170, 242, 0);
 }
 
 .tree-section .tree-section-header.tree-section-header-hover,
@@ -57,7 +58,6 @@
 }
 
 .tree-section .tree-section-header .sf3-font-down {
-  font-size: 12px;
   color: #666666;
 }
 

frontend/src/components/tree-view/tree-node-view.js

@@ -301,9 +301,9 @@ class TreeNodeView extends React.Component {
             onDragLeave={this.onNodeDragLeave}
             onDragOver={this.onNodeDragMove}
             onDrop={this.onNodeDrop}
-            style={{paddingLeft: leftIndent}}
+            style={{paddingLeft: leftIndent + 5}}
           >{node.object.name}</div>
-          <div className="left-icon" style={{left: leftIndent - 45}}>
+          <div className="left-icon" style={{left: leftIndent - 40}}>
             {type === 'dir' && (!node.isLoaded || (node.isLoaded && node.hasChildren())) && (
               <i
                 className={`folder-toggle-icon sf3-font sf3-font-down ${node.isExpanded ? '' : 'rotate-270'}`}

frontend/src/css/layout.css

@@ -129,7 +129,6 @@
 }
 
 .cur-view-path .cur-view-path-btn .sf3-font-down {
-  transform: scale(0.8);
   margin-left: 2px;
 }
 

frontend/src/css/lib-content-view.css

@@ -110,7 +110,6 @@
   display: flex;
   align-content: center;
   justify-content: center;
-  font-size: 13px;
 }
 
 .tree-node-drop {
@@ -263,6 +262,8 @@
   color: inherit;
   border-radius: 3px;
   text-decoration: none;
+  display: flex;
+  align-items: center;
 }
 
 .dir-view-path .path-item:hover {
@@ -271,7 +272,6 @@
 
 .dir-view-path .path-item-dropdown-toggle {
   color: #666;
-  font-size: .6rem;
 }
 
 .dir-view-path .path-split {

frontend/src/css/side-panel.css

@@ -138,7 +138,6 @@
   display: flex;
   align-content: center;
   justify-content: center;
-  font-size: 13px;
 }
 
 .tree-node-icon {

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

@@ -249,7 +249,6 @@
 }
 
 .view-operation-dropdown-menu .sf3-font {
-  font-size: 14px;
   margin-right: 10px;
 }