qwc2
Version:
QGIS Web Client
104 lines (88 loc) • 2.03 kB
CSS
span.edit-upload-field {
border: 1px solid var(--border-color);
display: flex;
align-items: center;
background-color: var(--input-bg-color);
padding: 0.25em;
}
span.edit-upload-field > a {
width: 0;
overflow: hidden;
text-overflow: ellipsis;
flex: 1 1 auto;
white-space: nowrap;
}
span.edit-upload-field > span.icon {
flex: 0 0 auto;
}
span.edit-upload-field-input {
border: 1px solid var(--border-color);
display: flex;
align-items: center;
background-color: var(--input-bg-color);
overflow: hidden;
}
span.edit-upload-field-input > input {
min-width: 8em;
width: 0;
flex: 1 1 auto;
border: none;
background-color: transparent;
}
span.edit-upload-field-input > span.icon {
flex: 0 0 auto;
margin: 0 0.25em;
}
span.edit-upload-field-disabled,
span.edit-upload-field-input-disabled {
background-color: var(--input-bg-color-disabled);
color: var(--text-color-disabled);
}
span.edit-upload-field-image {
display: flex;
flex-direction: column;
max-width: 150px;
}
span.edit-upload-field-image > img {
width: 100%;
flex: 1 1 auto;
cursor: pointer;
}
span.edit-upload-field-image > div.ButtonBar {
margin: 0;
}
span.edit-upload-field-imagelink {
position: relative;
text-align: left;
}
span.edit-upload-field-imagelink > img {
display: none;
position: absolute;
max-width: 240px;
max-height: 240px;
top: 100%;
z-index: 1;
box-shadow: 0px 2px 4px rgba(136, 136, 136, 0.5);
cursor: pointer;
}
span.edit-upload-field-imagelink:hover > img {
display: initial;
}
video.edit-capture-frame {
height: 100%;
max-width: 100%;
}
div.edit-capture-controls {
display: flex;
justify-content: center;
position: absolute;
bottom: 1em;
left: 0;
right: 0;
}
div.edit-capture-controls > span.icon {
font-size: 300%;
background-color: rgba(255, 255, 255, 0.75);
padding: 0.3em;
border-radius: 1em;
}