div.issue .attribute .value { overflow: visible; } /* Progress bar fix */ table.progress { margin-right: 10px; } /* If you want to hide edit (pencil) icon, set opacity to 0 below : */ .selectedValue { position: absolute; top: 2px; right: 0; left: 5px; pointer-events: none; opacity: 1; /* <---------------- */ } .attribute:hover .selectedValue { opacity: 0; } .selectedValue .transparent { opacity: 0; } .attribute .error { color: #e74c3c; margin-left: 3px; } /* Input Style */ .dynamicEditInput { position: relative; border: 1px solid transparent; border-radius: 3px; padding: 4px; margin-left: -5px; padding-right: 0; display: inline-block; } .dynamicEditInput input { border: 0px; font: inherit; color: inherit; background: transparent; padding: 0; } .dynamicEditInput .selectedValue { top:0; left:0; } .attribute:hover .dynamicEditInput { border-color: #e0e2e3; } .attribute .btn-primary { border-left: 1px solid #e0e2e3; padding: 4px; opacity: 0; pointer-events: none; } .attribute:hover .btn-primary { pointer-events: auto; opacity: 1; } /* End Input Style */ /* Select Style */ .dynamicEditSelect select { border-color: transparent; border: 0; border-bottom: 1px solid transparent; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; font-size: inherit; color: inherit; font-family: inherit; background: transparent; padding-left:0; } .dynamicEditSelect { padding-left: 5px; margin-left: -6px; /* padding + border */ display: inline-block; border: 1px solid transparent; border-radius: 3px; position:relative; } .attribute:hover .dynamicEditSelect { border-color: #e0e2e3; } .dynamicEditSelect i.dropdown { position:absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; opacity: 0; } .attribute:hover .dynamicEditSelect i.dropdown { opacity: 1; } .dynamicEditSelect select option[disabled="disabled"] { display:none; } /* End Select Style */