mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
0da7afb332
Related to #21928 Changes: - Added a /software page, a page where users can manage (upload/edit/download/delete) software installers on their Fleet instance across multiple teams at once. - ~~Removed the `deploy-bulk-operations-dashboard-on-heroku` GitHub action (This dashboard will be hosted in Render in the future)~~ Reverted this change to unblock merging this PR, I will remove this file in a separate PR.
87 lines
1.7 KiB
Text
87 lines
1.7 KiB
Text
/**
|
|
* <file-upload>
|
|
*/
|
|
|
|
[parasails-component='file-upload'] {
|
|
@min-desired-image-preview-height: 280px;//« e.g. ~100px for a logo, ~280px for a headshot, etc.
|
|
|
|
position: relative;
|
|
.btn-and-tips-if-relevant {
|
|
min-width: 200px;
|
|
.file-upload-button {
|
|
position: relative;
|
|
cursor: pointer;
|
|
margin-bottom: 10px;
|
|
.button-text {
|
|
padding-top: 2px;
|
|
}
|
|
.file-input {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
p {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
&.file-mode {
|
|
.btn-and-tips-if-relevant {
|
|
display: inline-block;
|
|
min-width: 0;
|
|
}
|
|
.file-metadata-preview {
|
|
padding-right: 30px;
|
|
.selected-file-name {
|
|
font-weight: bold;
|
|
}
|
|
.selected-file-size {
|
|
color: @text-muted;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.disabled {
|
|
.btn-and-tips-if-relevant {
|
|
.file-upload-button {
|
|
cursor: default;
|
|
border-color: @border-lt-gray;
|
|
color: @border-lt-gray;
|
|
&:hover {
|
|
cursor: default;
|
|
background-color: transparent;
|
|
border-color: @border-lt-gray;
|
|
color: @border-lt-gray;
|
|
.button-text, .file-input {
|
|
cursor: default;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
padding-left: 0px;
|
|
.image-preview {
|
|
position: static;
|
|
.image-preview-field {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
.btn-and-tips-if-relevant {
|
|
width: 100%;
|
|
margin-top: 25px;
|
|
max-width: 400px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|