!2696 优化:右边栏(板件属性、五金)显示改进

src/UI/Components/Board/BoardCommon.tsx

@@ -845,7 +845,7 @@ export class DrillTypeSelectCom extends React.Component<IDrillTypeSelect, { isDa
                         minHeight: 18,
                         height: 18,
                         padding: 0,
-                        fontSize: 12
+                        fontSize: 12,
                     }}
                     onClick={() => this.editorDrilling(this.props.br)}
                 />

src/UI/Components/Board/BoardProcessModal.tsx

@@ -347,7 +347,7 @@ export class BoardProcessModal extends React.Component<BoardProcessProps, {}>
                     </label>
                     <label className="bp3-label bp3-inline .modifier" style={{ display: "flex" }}>
                         <span>加工组:</span>
-                        <div className="flex" style={{ display: "inline-flex", width: "65%" }}>
+                        <div className="flex" style={{ display: "inline-flex", width: "83%" }}>
                             <input className="bp3-input br-process-input" title="双击查看详细内容" value={this.tags.length > 0 ? this.tags.join(", ") : ""} readOnly style={{ flex: 1 }} onDoubleClick={this.onProcessInputDbClick} />
                             <Button
                                 text="更多"

src/UI/Components/Modal/ModalStyle/LookOverBoardInfos.less

@@ -8,6 +8,7 @@
         .bp3-popover-target {
             width: 100%;
         }
+
         .bp3-input {
             width: 100%;
         }

src/UI/Components/RightPanel/BoardProps.less

@@ -1,5 +1,5 @@
 #boardPropsCom .br-name {
-    width: 12rem;
+    width: 18rem;
 }
 
 #boardPropsCom .bp3-input {
@@ -76,7 +76,7 @@
 
 #boardPropsCom .board-info select,
 #boardPropsCom .board-info .br-set input {
-    width: 9rem;
+    width: 15rem;
 }
 
 #boardPropsCom {

src/UI/Components/RightPanel/CommonMetalPanel.tsx

@@ -26,7 +26,8 @@ export interface ICommonMetalPanelProps
 }
 
 @observer
-export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps> {
+export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps>
+{
     private size = new Vector3();
     private length: string;
 
@@ -155,7 +156,7 @@ export class CommonMetalPanel extends React.Component<ICommonMetalPanelProps> {
         return (
             <>
                 <label className="bp3-label bp3-inline .modifier" style={{ display: "flex" }}>
-                    <span style={{ width: 65 }}>加工组:</span>
+                    <span style={{ width: 47 }}>加工组:</span>
                     <div style={{ display: "inline-flex", flex: 1, minWidth: 120 }}>
                         <input className="bp3-input" title="双击查看详细内容" value={this.tags.length > 0 ? this.tags.join(", ") : ""} readOnly style={{ minWidth: 100, flex: 1 }} onDoubleClick={this.onProcessInputDbClick} />
                         <Button

src/UI/Components/RightPanel/RightPanel.less

@@ -389,8 +389,7 @@
 
     .common-matal_1,
     .common-matal_2,
-    .common-matal_3
+    .common-matal_3 {
-    {
         &>label {
             display: flex;
             align-items: center;
@@ -460,7 +459,7 @@
 
                     input {
                         margin: 0;
-                        width: 70%;
+                        width: 72%;
                     }
                 }
             }
@@ -473,8 +472,7 @@
         }
 
         .metal-param,
-        .metal-param_name
+        .metal-param_name {
-        {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
@@ -490,7 +488,8 @@
 
             input {
                 margin: 0;
-                width: 70%;
+                width: 72%;
+
             }
         }
     }
@@ -498,7 +497,7 @@
     .common-matal_2 {
         .room-cabinet-name {
             &>:first-child {
-                width: 70%;
+                width: 90%;
             }
 
             button {
@@ -511,7 +510,7 @@
             flex-direction: column;
 
             .metal-label {
-                width: 70%;
+                width: 88%;
             }
         }