causeway-standard-theme
Version:
75 lines (61 loc) • 1.13 kB
text/less
// Image input
// --------------------------------------------------
.form-group.image-input {
.image-display-wrapper {
float: left;
display:block;
border: 6px solid @white;
//box-shadow: 0px 1px 5px 1px #aaa;
width: 196px;
height: 196px;
position: relative;
}
&.invalid .image-display-wrapper:after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-image: url('../images/icons/error-icon.png');
background-position: 100% 1px;
background-repeat: no-repeat;
border: 1px solid @red;
}
img {
display: block;
max-width: 100%;
}
.btn-file-choose {
margin-top: 172px;
margin-left: 0;
margin-right: 0;
//box-shadow: 0 2px 2px #aaa;
.inline;
}
&.disabled {
.btn-file {
display: none;
}
}
&.readonly {
img {
display: block;
}
.btn-file {
display: none;
}
}
&.file-exists {
.btn-file-choose {
display: none;
}
}
}
.form-inline .form-group.file-input {
.form-control {
}
&.readonly {
.form-control {
}
}
}