mirror of
https://github.com/fleetdm/fleet
synced 2026-05-20 23:48:52 +00:00
4d31fe1c5e
for #32269 for #32271 for #32285 # Details This PR addresses some front-end issues found during QA testing of the new Custom Variables UI # Checklist for submitter ## Testing - [X] Added/updated automated tests - [ ] QA'd all new/changed functionality manually * Spaces allowed in custom variable values: <img width="659" height="399" alt="image" src="https://github.com/user-attachments/assets/e849636f-d91c-4649-a6f1-82bc2397cbbe" /> * Overflow in add var modal <img width="657" height="412" alt="image" src="https://github.com/user-attachments/assets/d04563e1-df29-457d-976a-b6b05b3aa623" /> * If it's too long, show error <img width="664" height="414" alt="image" src="https://github.com/user-attachments/assets/91100d0c-35b5-4cd2-a779-6a34bfdc9fc3" /> * Overflow in table too <img width="1031" height="178" alt="image" src="https://github.com/user-attachments/assets/4833bd64-2f3f-4de7-9392-1955341a5a96" /> * Added "Learn More" button and correct margin between tabs and description <img width="1053" height="224" alt="image" src="https://github.com/user-attachments/assets/4db5116c-0a77-4427-ad61-9bde6e94679b" /> * Team admins / maintainers can no longer see "Add" or "Delete" var buttons <img width="1031" height="374" alt="image" src="https://github.com/user-attachments/assets/a15ab358-a6de-4d0b-9df9-aa2e7ed5c0cb" /> For unreleased bug fixes in a release candidate, one of: - [X] Confirmed that the fix is not expected to adversely impact load test results - [ ] Alerted the release DRI if additional load testing is needed
108 lines
No EOL
2.4 KiB
SCSS
108 lines
No EOL
2.4 KiB
SCSS
.secrets-batch-paginated-list {
|
|
&__description {
|
|
margin: $pad-xxlarge 0;
|
|
}
|
|
|
|
&__copy-message {
|
|
@include copy-message;
|
|
vertical-align: bottom;
|
|
font-size: $xx-small;
|
|
margin-left: $pad-xsmall;
|
|
}
|
|
|
|
.paginated-list__row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: $pad-small $pad-large;
|
|
|
|
.button>.children-wrapper {
|
|
opacity: 0;
|
|
transition: opacity 250ms;
|
|
pointer-events: none;
|
|
}
|
|
|
|
&.paginated-list__header {
|
|
.button>.children-wrapper {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
}
|
|
|
|
.secrets-batch-paginated-list__copy-secret-icon {
|
|
margin-left: 4px;
|
|
vertical-align: bottom;
|
|
.children-wrapper {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&:hover,
|
|
&:focus-within {
|
|
cursor: default;
|
|
.button>.children-wrapper {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.list-item__details {
|
|
color: $ui-fleet-black-75;
|
|
min-width: 0;
|
|
> span {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
/* Make the main content column actually able to shrink so truncation can happen */
|
|
.list-item {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
}
|
|
|
|
.list-item__main-content {
|
|
flex: 1 1 auto;
|
|
min-width: 0; /* for truncation */
|
|
}
|
|
|
|
.list-item__info {
|
|
min-width: 0; /* for truncation */
|
|
}
|
|
|
|
.list-item__title {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
min-width: 0;
|
|
}
|
|
|
|
.secret-details__text {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
|
|
.loading-spinner.centered {
|
|
margin: auto;
|
|
}
|
|
|
|
&__header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
font-weight: $bold;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.fleet-add-secret-modal {
|
|
&__add-secret-form {
|
|
.form-field__help-text {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
} |