field-ui.admin.pcss.css

Same filename in other branches
  1. 9 core/themes/claro/css/theme/field-ui.admin.pcss.css
  2. 8.9.x core/themes/claro/css/theme/field-ui.admin.pcss.css
  3. 11.x core/themes/claro/css/theme/field-ui.admin.pcss.css

Replacement styles for Field UI admin.

File

core/themes/claro/css/theme/field-ui.admin.pcss.css

View source
  1. /**
  2. * @file
  3. * Replacement styles for Field UI admin.
  4. */
  5. /* 'Manage fields' and 'Manage display' overviews */
  6. .field-ui-overview .region-title td {
  7. font-weight: bold;
  8. }
  9. .field-ui-overview .region-message td {
  10. font-style: italic;
  11. }
  12. /* 'Manage form display' and 'Manage display' overview */
  13. .field-plugin-summary {
  14. float: left; /* LTR */
  15. font-size: var(--font-size-s);
  16. }
  17. [dir="rtl"] .field-plugin-summary {
  18. float: right;
  19. }
  20. .field-plugin-summary-cell .warning {
  21. display: block;
  22. float: left; /* LTR */
  23. margin-right: 0.5em; /* LTR */
  24. }
  25. [dir="rtl"] .field-plugin-summary-cell .warning {
  26. float: right;
  27. margin-right: 0;
  28. margin-left: 0.5em;
  29. }
  30. /* Settings edit. */
  31. .field-plugin-settings-edit-wrapper {
  32. display: flex;
  33. align-items: center;
  34. justify-content: flex-end;
  35. }
  36. .field-plugin-settings-edit {
  37. width: var(--space-m);
  38. margin: 0;
  39. padding: 1px 8px;
  40. }
  41. .field-plugin-settings-edit-wrapper .ajax-progress--throbber {
  42. margin-right: 0;
  43. margin-left: 0;
  44. }
  45. /* Settings editing subform. */
  46. .draggable.field-plugin-settings-editing,
  47. .draggable.drag-previous.field-plugin-settings-editing {
  48. background: var(--color-blue-050);
  49. }
  50. .field-plugin-settings-editing td {
  51. vertical-align: top;
  52. }
  53. .field-plugin-settings-editing .field-plugin-type {
  54. display: none;
  55. }
  56. .field-plugin-settings-edit-form .plugin-name {
  57. font-weight: bold;
  58. }
  59. .field-settings-summary-cell.field-settings-summary-cell li,
  60. .storage-settings-summary-cell.storage-settings-summary-cell li {
  61. margin: 0;
  62. list-style-type: none;
  63. }
  64. .field-settings-summary-cell li {
  65. font-size: 0.9em;
  66. }
  67. .field-settings-summary-cell li:first-child {
  68. font-size: 1em;
  69. }
  70. .allowed-values-table .form-item:where(:not(.hidden)) {
  71. display: inline-table;
  72. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.