views_ui.admin.css

Same filename in this branch
  1. 11.1.x core/themes/stable9/css/views_ui/views_ui.admin.css
  2. 11.1.x core/modules/views_ui/css/views_ui.admin.css

The .admin.css file is intended to only contain positioning and size declarations. For example: display, position, float, clear, and overflow.

File

core/themes/claro/css/components/views_ui.admin.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. 

  8. /**

  9.  * @file

  10.  * The .admin.css file is intended to only contain positioning and size

  11.  * declarations. For example: display, position, float, clear, and overflow.

  12.  */

  13. 

  14. .views-admin pre {

  15.   margin-block: 0;

  16.   white-space: pre-wrap;

  17. }

  18. 

  19. .views-display-deleted > details > summary,

  20. .views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,

  21. .views-display-deleted .views-display-columns {

  22.   opacity: 0.25;

  23. }

  24. 

  25. .views-display-disabled > details > summary,

  26. .views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,

  27. .views-display-disabled .views-display-columns {

  28.   opacity: 0.5;

  29. }

  30. 

  31. .views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {

  32.   opacity: 1;

  33. }

  34. 

  35. .views-display-column {

  36.   box-sizing: border-box;

  37. }

  38. 

  39. .views-display-columns > * {

  40.   float: none;

  41.   width: auto;

  42.   margin-block: 0 var(--space-l);

  43.   margin-inline: 0;

  44. }

  45. 

  46. @media screen and (min-width: 60rem) {

  47.   /* 960px */

  48.   .views-display-columns > * {

  49.     float: left; /* LTR */

  50.     width: 32%;

  51.     margin-block-end: 0;

  52.     margin-inline-start: 2%;

  53.   }

  54.   .views-display-columns > *:first-child {

  55.     margin-inline-start: 0;

  56.   }

  57.   [dir="rtl"] .views-display-columns > * {

  58.     float: right;

  59.   }

  60. }

  61. 

  62. .views-ui-dialog .scroll {

  63.   overflow: auto;

  64.   padding: 1em;

  65. }

  66. 

  67. /* Don't let the messages overwhelm the modal */

  68. 

  69. .views-ui-dialog .views-messages {

  70.   overflow: auto;

  71.   max-height: 12.5rem;

  72. }

  73. 

  74. .form-item--options-value-all {

  75.   display: none;

  76. }

  77. 

  78. .js-only {

  79.   display: none;

  80. }

  81. 

  82. html.js .js-only {

  83.   display: inherit;

  84. }

  85. 

  86. html.js span.js-only {

  87.   display: inline;

  88. }