height: 100px;
max-height: 100px;
margin-top: 10px;
+ margin-left: 10px;
}
.roo-document-manager-preview.wide {
.roo-document-manager-thumb,
.roo-document-manager-upload-btn {
- width : 100%;
+ // width : 100%;
height: 100px;
line-height: 100px;
max-height: 100px;
}
.roo-document-manager-thumb > img {
- width: 100%;
+ // width: 100%;
max-height: 100%;
text-align: center;
vertical-align: middle;
+ padding-bottom: 5px;
}
.roo-document-manager-preview > .close {
display: none !important;
}
+.roo-document-manager-preview > .roo-document-manager-thumb > .fa {
+ position: absolute;
+ left: -5px;
+ top: -5px;
+ width: 25px;
+ height: 25px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ line-height: 25px;
+ text-align: center;
+ background-color: @body-bg;
+ /*border: inherit;*/
+ font-size: 1.8em;
+ z-index: 1;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
+ top: inherit;
+ bottom: -5px;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
+ color : @brand-primary
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+ border: 3px solid @brand-primary;
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+ color : @gray
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+ border: none;
+}
+
/*
* sm
*/