mirror of
https://github.com/fleetdm/fleet
synced 2026-05-22 08:28:52 +00:00
3d46b0d22a
## Addresses #17534 <img width="1392" alt="Screenshot 2024-03-22 at 4 41 25 PM" src="https://github.com/fleetdm/fleet/assets/61553566/a6bff506-4e1d-4342-be34-890a7742c760"> - also fix bug in alignment of error states vs tooltip-wrapped labels throughout org settings - [x] Changes file added - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
106 lines
2.1 KiB
SCSS
106 lines
2.1 KiB
SCSS
.org-settings {
|
|
&__page-description {
|
|
font-size: $x-small;
|
|
color: $core-fleet-black;
|
|
@include sticky-settings-description;
|
|
}
|
|
|
|
&__sandbox-demo-message {
|
|
margin-top: 3.5rem;
|
|
}
|
|
|
|
&__side-nav {
|
|
.org-settings-form {
|
|
.form-field__label {
|
|
.buttons {
|
|
top: 22px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.info-banner {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.app-config-form {
|
|
&__section {
|
|
@include clearfix;
|
|
animation: fade-in 200ms ease-out;
|
|
|
|
.upcaret::after {
|
|
content: url("../assets/images/icon-collapse-black-16x16@2x.png");
|
|
transform: scale(0.5);
|
|
border-radius: 0px;
|
|
position: relative;
|
|
top: 8px;
|
|
margin: $pad-xsmall;
|
|
}
|
|
|
|
.downcaret::after {
|
|
content: url("../assets/images/icon-chevron-black-16x16@2x.png");
|
|
transform: scale(0.5);
|
|
border-radius: 0px;
|
|
position: relative;
|
|
top: 8px;
|
|
margin: $pad-xsmall;
|
|
margin-right: 18px;
|
|
}
|
|
|
|
.empty-table__container {
|
|
margin: 96px 0 1.5rem;
|
|
}
|
|
|
|
.smtp-options {
|
|
font-size: 15px;
|
|
font-weight: $bold;
|
|
color: $core-fleet-black;
|
|
|
|
em {
|
|
font-style: normal;
|
|
}
|
|
|
|
&--configured {
|
|
em {
|
|
color: $ui-success;
|
|
}
|
|
}
|
|
|
|
&--notconfigured {
|
|
em {
|
|
color: $ui-error;
|
|
}
|
|
}
|
|
}
|
|
.button--inverse {
|
|
// compensate for button's padding
|
|
margin-left: -$pad-small;
|
|
}
|
|
}
|
|
|
|
&__section-description {
|
|
font-size: $x-small;
|
|
color: $core-fleet-black;
|
|
}
|
|
|
|
.smtp-server-inputs {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
gap: $pad-small;
|
|
}
|
|
|
|
&__component-details {
|
|
margin: 0 0 $pad-medium;
|
|
font-size: $x-small;
|
|
}
|
|
|
|
&__yaml {
|
|
width: calc(90% - 50px);
|
|
margin-bottom: $pad-medium;
|
|
}
|
|
|
|
&__disabled-usage-statistics-checkbox {
|
|
@include disabled;
|
|
}
|
|
}
|
|
}
|
|
}
|