Merge "Display firefox month navigation icon"

[sdc.git] / openecomp-ui / resources / scss / components / _selectActionTable.scss

diff --git a/openecomp-ui/resources/scss/components/_selectActionTable.scss b/openecomp-ui/resources/scss/components/_selectActionTable.scss
index fa17733..fa8eb31 100644 (file)
--- a/openecomp-ui/resources/scss/components/_selectActionTable.scss
+++ b/openecomp-ui/resources/scss/components/_selectActionTable.scss
@@ -1,16 +1,14 @@
 .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 {
                background-color: $white;
@@ -39,34 +37,29 @@
                .select-action-table-headers {
                        display: flex;
                        background-color: $tlv-light-gray;
-                       border-color: inherit;                                          
+                       border-color: inherit;
                        .select-action-table-header {
-                               @extend .body-1-medium;
+                               @extend .body-1-semibold;
                                flex: 1;
                                border-top: 1px solid;
-                               border-right: 1px solid;                                
+                               border-right: 1px solid;
                                border-color: inherit;
                                padding: 8px 0 7px 20px;
                                &:first-child {
                                        border-left: 1px solid;
                                        border-color: inherit;
                                }
-                       }               
+                       }
                }
                .select-action-table-row-wrapper {
                        display: flex;
-                       flex-direction: row;                    
+                       flex-direction: row;
                margin-bottom: 14px;
-                       .svg-icon.trash-o {
-                               
-                               fill: $dark-gray;                                                               
-                       }
-                       .svg-icon.error-circle {
-                               fill: $red;                             
+                       .svg-icon-wrapper.hideDelete {
+                               .svg-icon {
+                                       fill: $white;
+                               }
                        }
-                       .svg-icon.check-circle {
-                               fill: $green;                           
-                       }                       
                        .select-action-table-row {
                                display: flex;
                                flex: 1;
@@ -75,6 +68,7 @@
                                &.has-error {
                                        border-color: $red;
                                }
+
                                .select-action-table-cell {
                                        flex: 1;
                                        border-right: 1px solid;
@@ -90,7 +84,7 @@
                                                }
                                        }
                                        .form-group {
-                                               margin: 0;                                              
+                                               margin: 0;
                                                .Select-control {
                                                        height:36px;
                                                        border: none;
@@ -102,7 +96,7 @@
                                                                padding-left: 20px;
                                                                padding-right: 50px;
                                                                padding-top: 4px;
-                                                               
+
                                                        }
                                                        .Select-placeholder {
                                                                color: $dark-gray;
@@ -110,23 +104,22 @@
                                                        .Select-arrow-zone {
                                                                padding-right: 15px;
                                                        }
-                                               }                                                                                       
+                                               }
                                        }
                                        &:last-child {
                                                border-right: none;
-                                       }                                                                                       
+                                       }
                                }
                                .Select-menu-outer {
                                                border-left: 1px solid $blue;
                                                border-right: 1px solid $blue;
                                                border-bottom: 1px solid $blue;
                                                overflow: auto;
-                                               .Select-menu {                                                                                                                                  
-                                                       display: inline-block;
-                                                       .Select-option {                                                                
-                                                               width: 100%;
-                                                               display: inline-block;
-                                                               border-bottom: 1px solid $light-gray;                                                                                                                                                                   
+                                               .Select-menu {
+                                                       .Select-option {
+                                                               overflow: hidden;
+                                                               text-overflow: ellipsis;
+                                                               border-bottom: 1px solid $light-gray;
                                                                &:hover {
                                                                        background-color: $blue;
                                                                        color: $white;
@@ -142,9 +135,9 @@
                                                                }
                                                                &.is-focused {
                                                                        background-color: transparent;
-                                                               }                                                               
+                                                               }
                                                        }
-                                               }       
+                                               }
                                        }
                        }
                }