_forms.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. // Limit the width of object edit forms
  2. form.object-edit {
  3. margin: auto;
  4. max-width: 800px;
  5. }
  6. // Use <h3> style for field group headings
  7. .field-group {
  8. h2 {
  9. @extend h3;
  10. }
  11. }
  12. // Set bond font & append an asterisk to labels for required fields
  13. .col-form-label.required {
  14. font-weight: bold;
  15. &:after {
  16. position: absolute;
  17. display: inline-block;
  18. margin-left: 0;
  19. font-family: 'Material Design Icons';
  20. font-size: 8px;
  21. content: '\f06C4';
  22. }
  23. }
  24. // Set red border on form fields inside a row with .has-errors
  25. .has-errors {
  26. input,
  27. select,
  28. textarea {
  29. border: 1px solid $red;
  30. }
  31. }
  32. // Make optgroup labels sticky when scrolling through select elements
  33. select[multiple] {
  34. optgroup {
  35. position: sticky;
  36. top: 0;
  37. background-color: var(--bs-body-bg);
  38. font-style: normal;
  39. font-weight: bold;
  40. }
  41. option {
  42. padding-left: 0.5rem;
  43. }
  44. }
  45. // Filter modifier dropdown sizing
  46. .modifier-select {
  47. min-width: 10rem;
  48. max-width: 15rem;
  49. width: auto;
  50. white-space: nowrap;
  51. }