blob: 39001ba247ae6c0b162f8fb045642fd12639e168 [file] [log] [blame]
/*
Currently angular-xeditable does not support popover
This is a work around to make angular-xeditable look like
popover
*/
.xeditable-wrapper {
position: relative;
}
.xeditable-wrapper form {
background: #FFF;
border: 1px solid #AAA;
border-radius: 5px;
display: inline-block;
left: 50%;
margin-left: -190px;
padding: 7px;
position: absolute;
top: -55px;
width: 380px;
z-index: 101;
}
.xeditable-wrapper form:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #AAA;
position: absolute;
bottom: -10px;
left: 190px;
}
.xeditable-wrapper form:after {
content: '';
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #FFF;
position: absolute;
bottom: -9px;
left: 191px;
}
.xeditable-wrapper .editable-buttons .btn {
margin-left: 6px !important;
cursor: pointer;
}