src/sass/_assignments.scss
// ============= Assignment Maintenance =============
.assignments-maintenance-page {
.asg-title {
font-size: 17px;
}
.asg-title-dash {
padding-left: 5px;
}
.asg-content {
margin: 25px;
.asg-header {
font-size: 22px;
margin-top: 25px;
margin-right: 35px;
.fa-lg {
font-size: 22px;
padding-right: 5px;
}
}
.asg-subheader {
display: flex;
justify-content: space-between;
.add-buttons {
padding-left: 5px;
.create-new-button {
display: flex;
justify-content: flex-end;
font-size: 17px;
cursor: pointer;
.fa {
margin-right: 5px;
}
a {
text-decoration: none;
}
&.disabled {
pointer-events: none;
a {
color: $bg-gray-dark-2;
}
}
}
}
}
}
.tm-spinner-standard-center {
left: 50% !important;
}
.position-number-container {
position: relative;
.input-error {
background-color: $color-red-lightest;
border: 1px solid $color-red;
}
.add-pos-num-icon {
color: $primary-blue;
margin-left: -25px;
position: absolute;
top: 66px;
left: 300px;
}
.add-pos-num-icon:hover {
color: $primary-blue-darkest;
}
.fa {
padding-left: 0px;
}
}
}
.gsa-location-input {
position: relative;
input {
padding-right: 55px;
}
.remove-location,
.search-location {
position: absolute;
top: 62px;
}
.remove-location {
left: 250px;
color: $alert-red;
}
.search-location {
left: 272px;
color: $primary-blue;
}
.fa {
font-size: 20px;
}
}
.results-mode {
display: flex;
flex-direction: row;
padding-top: 15px;
.interactive-element {
font-size: 18px;
font-weight: 500;
margin-right: 10px;
&.active {
border-bottom: 3px solid $blue-primary;
}
&.disabled {
color: $bg-gray-dark-2;
pointer-events: none;
}
}
}
.maintain-asg-sep-employee-info {
.horizontal-line-divider {
&::after {
background-color: $bg-gray-dark-1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: $color-gray-light;
}
}
.line-separated-fields {
padding: 15px 0px;
}
}
.separation-form {
&.create-form {
.search-locations-container {
min-height: 700px;
}
}
.pagination {
margin: 0px;
}
}
.icon-text-link {
display: flex;
justify-content: flex-end;
font-size: 17px;
cursor: pointer;
.fa {
margin-right: 5px;
}
&.no-underline a {
text-decoration: none;
}
}