浏览代码

Introduce frame icons (NME)

David Catuhe 5 年之前
父节点
当前提交
34778d9de4
共有 3 个文件被更改,包括 82 次插入11 次删除
  1. 34 0
      nodeEditor/src/diagram/graphCanvas.scss
  2. 43 6
      nodeEditor/src/diagram/graphFrame.ts
  3. 5 5
      nodeEditor/src/diagram/nodePort.ts

+ 34 - 0
nodeEditor/src/diagram/graphCanvas.scss

@@ -135,11 +135,45 @@
                 font-size: 24px;
                 text-align: center;
                 display: grid;
+                grid-template-rows: 100%;  
+                grid-template-columns: calc(100% - 40px) 20px 20px;  
                 align-content: center;
                 overflow: hidden;
                 margin: -4px;
                 border: rgba(72, 72, 72, 1) solid 4px;
                 border-bottom: 0;
+
+                .frame-box-header-button {
+                    cursor: pointer;
+                    align-self: center;
+                    transform-origin: 50% 50%;
+                    transform: scale(1);
+
+                    &.down {
+                        transform: scale(0.90);
+                    }
+                }
+
+                .frame-box-header-collapse {
+                    grid-column: 2;
+                    grid-row: 1;
+                }
+
+                .frame-box-header-close {
+                    grid-column: 3;
+                    grid-row: 1;
+                }
+
+                .frame-box-header-title {
+                    grid-column: 1;
+                    grid-row: 1;
+                    display: grid;
+                    height: 100%;
+                    width: 100%;
+                    align-self: stretch;
+                    align-items: center;
+                    margin-top: -2px;
+                }
             }
 
             .port-container {

文件差异内容过多而无法显示
+ 43 - 6
nodeEditor/src/diagram/graphFrame.ts


文件差异内容过多而无法显示
+ 5 - 5
nodeEditor/src/diagram/nodePort.ts