field_ui_display_overview_table.css

Same filename in this branch
  1. main core/themes/stable9/css/field_ui/field_ui_display_overview_table.css
.display-mode-overview-table th:first-child {
  width: 20%;
}
.display-mode-overview-table th:nth-child(2) {
  width: 50%;
}
.display-mode-overview-table th:last-child {
  width: 30%;
}
.display-mode-overview-table td {
  max-width: 50px;
  word-wrap: break-word;
}

.field-ui-display-overview-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 0 1rem;
}

.field-ui-display-overview-heading h2 {
  margin: 0;
}

.field-ui-display-overview-heading .action-link {
  flex-shrink: 0;
  align-self: center;
  margin: 0;
}

@media (max-width: 43.75rem) {
  .field-ui-display-overview-heading {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .field-ui-display-overview-heading .action-link {
    align-self: flex-start;
  }
}

File

View on git.drupalcode.org

core/modules/field_ui/css/field_ui_display_overview_table.css

View source 
  1. .display-mode-overview-table th:first-child {

  2.   width: 20%;

  3. }

  4. .display-mode-overview-table th:nth-child(2) {

  5.   width: 50%;

  6. }

  7. .display-mode-overview-table th:last-child {

  8.   width: 30%;

  9. }

  10. .display-mode-overview-table td {

  11.   max-width: 50px;

  12.   word-wrap: break-word;

  13. }

  14. 

  15. .field-ui-display-overview-heading {

  16.   display: flex;

  17.   align-items: center;

  18.   justify-content: space-between;

  19.   gap: 1rem;

  20.   margin: 1.5rem 0 1rem;

  21. }

  22. 

  23. .field-ui-display-overview-heading h2 {

  24.   margin: 0;

  25. }

  26. 

  27. .field-ui-display-overview-heading .action-link {

  28.   flex-shrink: 0;

  29.   align-self: center;

  30.   margin: 0;

  31. }

  32. 

  33. @media (max-width: 43.75rem) {

  34.   .field-ui-display-overview-heading {

  35.     flex-direction: column-reverse;

  36.     align-items: flex-start;

  37.   }

  38. 

  39.   .field-ui-display-overview-heading .action-link {

  40.     align-self: flex-start;

  41.   }

  42. }

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