hedera-web/forms/admin/photos/style.scss

82 lines
1.3 KiB
SCSS
Raw Normal View History

2015-02-01 03:21:54 +00:00
2017-05-08 15:54:35 +00:00
/* Dropzone */
.photos .dropzone {
2017-05-08 15:54:35 +00:00
background-color: white;
border-style: dashed;
border-radius: .4em;
border-color: #2196F3;
padding: 2em 1em;
text-align: center;
color: #666;
cursor: pointer;
}
.photos .dropzone.dragover {
2017-05-08 15:54:35 +00:00
color: #CCC;
border-style: solid;
2015-02-01 03:21:54 +00:00
}
.photos input[type=file] {
2015-02-01 03:21:54 +00:00
display: none;
}
2017-05-08 15:54:35 +00:00
/* File list */
.photos .file-list {
2017-05-08 15:54:35 +00:00
margin-top: 1em;
}
.photos .file-list > div {
2017-05-08 15:54:35 +00:00
height: 2.5em;
display: flex;
align-items: center;
2017-05-08 15:54:35 +00:00
}
.photos .file-list > div > * {
overflow: hidden;
}
.photos .file-list .thumb {
width: 2em;
padding-right: .5em;
text-align: center;
}
.photos .file-list .thumb > img {
2017-05-08 15:54:35 +00:00
max-height: 2em;
max-width: 2em;
vertical-align: middle;
}
.photos .file-list input {
flex: 1;
min-width: 0;
2017-05-08 15:54:35 +00:00
}
.photos .file-list .status {
2017-05-08 15:54:35 +00:00
cursor: pointer;
2022-10-03 13:50:39 +00:00
width: 1.2em;
padding-left: .5em;
padding-right: .5em;
}
2022-10-03 13:50:39 +00:00
.photos .file-list .status > .htk-icon {
display: block;
}
.photos .file-list .htk-button {
opacity: .2;
}
.photos .file-list .htk-button:hover {
background-color: transparent;
opacity: 1;
}
.photos .file-list .htk-button > img {
display: block;
2017-05-08 15:54:35 +00:00
}
2015-02-01 03:21:54 +00:00
/* Footer */
.photos .update-matching {
margin-top: 1.5em;
}
.photos .footer {
2015-02-01 03:21:54 +00:00
margin-top: 1.5em;
2017-05-08 15:54:35 +00:00
text-align: center;
}
.photos .footer > button {
2022-11-11 15:17:20 +00:00
font-size: 1.2rem;
2017-05-08 15:54:35 +00:00
margin-left: 1em;
2015-02-01 03:21:54 +00:00
}