diff --git a/frontend/src/icons/svg/de-ds-error.svg b/frontend/src/icons/svg/de-ds-error.svg new file mode 100644 index 0000000000..0626c19679 --- /dev/null +++ b/frontend/src/icons/svg/de-ds-error.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/frontend/src/icons/svg/de-ds-move.svg b/frontend/src/icons/svg/de-ds-move.svg new file mode 100644 index 0000000000..5f256f8025 --- /dev/null +++ b/frontend/src/icons/svg/de-ds-move.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/icons/svg/de-ds-rename.svg b/frontend/src/icons/svg/de-ds-rename.svg new file mode 100644 index 0000000000..b3b369e149 --- /dev/null +++ b/frontend/src/icons/svg/de-ds-rename.svg @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/src/icons/svg/de-ds-trash.svg b/frontend/src/icons/svg/de-ds-trash.svg new file mode 100644 index 0000000000..fd8f1268d7 --- /dev/null +++ b/frontend/src/icons/svg/de-ds-trash.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss index 9c91893a70..eae59c1bf8 100644 --- a/frontend/src/styles/index.scss +++ b/frontend/src/styles/index.scss @@ -1405,6 +1405,7 @@ div:focus { width: 100%; padding: 24px; right: 0; + z-index: 1; bottom: 0; text-align: right; background-color: #fff; @@ -1478,7 +1479,8 @@ div:focus { background: rgba(31, 35, 41, 0.1); } - i { + .el-icon-more, + .el-icon-plus { width: 24px; height: 24px; line-height: 24px; @@ -1488,12 +1490,14 @@ div:focus { cursor: pointer; } - i:hover { + .el-icon-more:hover, + .el-icon-plus:hover { background: rgba(31, 35, 41, 0.1); border-radius: 4px; } - i:active { + .el-icon-more:active, + .el-icon-plus:active { background: rgba(31, 35, 41, 0.2); border-radius: 4px; } diff --git a/frontend/src/views/dataset/add/AddApi.vue b/frontend/src/views/dataset/add/AddApi.vue index bc36beabc7..a9436e8f4f 100644 --- a/frontend/src/views/dataset/add/AddApi.vue +++ b/frontend/src/views/dataset/add/AddApi.vue @@ -1,5 +1,5 @@