Sha256: 2b640a43f6c02e22e57839abb69d192309c6ce1486f7149eede93dd9139bcc6d
Contents?: true
Size: 1.56 KB
Versions: 4
Compression:
Stored size: 1.56 KB
Contents
dd.attribute-data.attribute-data--active-storage {
display: flex;
flex-wrap: wrap;
}
.attachments-listing {
width: 20rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
.direct-upload {
display: inline-block;
position: relative;
padding: 7px 14px;
margin: 0 3px 3px 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
font-size: 11px;
line-height: 13px;
min-width: 100%;
}
.direct-upload--pending {
opacity: 0.6;
}
.direct-upload__progress {
position: absolute;
top: 0;
left: 0;
bottom: 0;
opacity: 0.2;
background: #0076ff;
transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
transform: translate3d(0, 0, 0);
}
.direct-upload.direct-upload--complete{
.direct-upload__progress{
transition: background 0.5s ease;
background: #00ffa3;
}
}
.direct-upload--complete .direct-upload__progress {
opacity: 0.4;
}
.direct-upload--error {
border-color: red;
}
input[type=file][data-direct-upload-url][disabled] {
display: none;
}
// view edit
.active__storage__admin > .field-unit__field {
.field-unit__field__picture{
display: flex;
width: 220%;
flex-wrap: wrap;
.attachments-listing{
width: 10rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
}
}
.active__storage__admin > .field-unit__field .field-unit__field__picture .attachments-listing {
width: 10rem;
margin-right: 1rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 160px;
}
.active__storage__admin > .fileinput {
min-width: 300px;
}
Version data entries
4 entries across 4 versions & 1 rubygems