Merge "Display firefox month navigation icon"
[sdc.git] / openecomp-ui / resources / scss / components / _selectActionTable.scss
index 4e42b6c..fa8eb31 100644 (file)
@@ -1,15 +1,13 @@
 .select-action-table-view {
        .svg-icon-wrapper {
                flex-direction: row;
-
-               &::before {
-                       content:"";
-               }
                .svg-icon {
-                       margin-left: 5px;
-                       margin-right: 5px;
-                       width:16px;
-                       height:16px;
+                       &:not(.__plus) {
+                               margin-left: 5px;
+                               margin-right: 5px;
+                               width:16px;
+                               height:16px;
+                       }
                }
        }
        .dummy-icon {
                        display: flex;
                        flex-direction: row;
                margin-bottom: 14px;
-                       .svg-icon-wrapper.trashO {
+                       .svg-icon-wrapper.hideDelete {
                                .svg-icon {
-                                 fill: $dark-gray;
+                                       fill: $white;
                                }
                        }
-                       .svg-icon-wrapper.errorCircle {
-                         .svg-icon {
-                               fill: $red;
-                         }
-                       }
-                       .svg-icon-wrapper.checkCircle {
-                         .svg-icon {
-                               fill: $green;
-                         }
-                       }
                        .select-action-table-row {
                                display: flex;
                                flex: 1;
@@ -80,6 +68,7 @@
                                &.has-error {
                                        border-color: $red;
                                }
+
                                .select-action-table-cell {
                                        flex: 1;
                                        border-right: 1px solid;
                                                border-bottom: 1px solid $blue;
                                                overflow: auto;
                                                .Select-menu {
-                                                       display: inline-block;
                                                        .Select-option {
-                                                               width: 100%;
-                                                               display: inline-block;
+                                                               overflow: hidden;
+                                                               text-overflow: ellipsis;
                                                                border-bottom: 1px solid $light-gray;
                                                                &:hover {
                                                                        background-color: $blue;