Initial Drupal 11 with DDEV setup
This commit is contained in:
		
							
								
								
									
										68
									
								
								web/core/modules/field_ui/css/field_ui.admin.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										68
									
								
								web/core/modules/field_ui/css/field_ui.admin.css
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,68 @@
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Stylesheet for the Field UI module.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
/* 'Manage fields' and 'Manage display' overviews */
 | 
			
		||||
.field-ui-overview .region-title td {
 | 
			
		||||
  font-weight: bold;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .region-message td {
 | 
			
		||||
  font-style: italic;
 | 
			
		||||
}
 | 
			
		||||
.field-settings-summary-cell li,
 | 
			
		||||
.storage-settings-summary-cell li {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  list-style-type: none;
 | 
			
		||||
}
 | 
			
		||||
.field-settings-summary-cell li {
 | 
			
		||||
  font-size: 0.9em;
 | 
			
		||||
}
 | 
			
		||||
.field-settings-summary-cell li:first-child {
 | 
			
		||||
  font-size: 1em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.allowed-values-table .form-item:where(:not(.hidden)) {
 | 
			
		||||
  display: inline-table;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* 'Manage form display' and 'Manage display' overview */
 | 
			
		||||
.field-ui-overview .field-plugin-summary-cell {
 | 
			
		||||
  line-height: 1em;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-summary {
 | 
			
		||||
  float: left; /* LTR */
 | 
			
		||||
  font-size: 0.9em;
 | 
			
		||||
}
 | 
			
		||||
[dir="rtl"] .field-ui-overview .field-plugin-summary {
 | 
			
		||||
  float: right;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-summary-cell .warning {
 | 
			
		||||
  display: block;
 | 
			
		||||
  float: left; /* LTR */
 | 
			
		||||
  margin-right: 0.5em;
 | 
			
		||||
}
 | 
			
		||||
[dir="rtl"] .field-ui-overview .field-plugin-summary-cell .warning {
 | 
			
		||||
  float: right;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-settings-edit-wrapper {
 | 
			
		||||
  float: right; /* LTR */
 | 
			
		||||
}
 | 
			
		||||
[dir="rtl"] .field-ui-overview .field-plugin-settings-edit-wrapper {
 | 
			
		||||
  float: left;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-settings-edit {
 | 
			
		||||
  float: right; /* LTR */
 | 
			
		||||
}
 | 
			
		||||
[dir="rtl"] .field-ui-overview .field-plugin-settings-edit {
 | 
			
		||||
  float: left;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-settings-editing td {
 | 
			
		||||
  vertical-align: top;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-settings-editing .field-plugin-type {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.field-ui-overview .field-plugin-settings-edit-form .plugin-name {
 | 
			
		||||
  font-weight: bold;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										33
									
								
								web/core/modules/field_ui/css/field_ui.icons.theme.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								web/core/modules/field_ui/css/field_ui.icons.theme.css
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,33 @@
 | 
			
		||||
/*
 | 
			
		||||
 * DO NOT EDIT THIS FILE.
 | 
			
		||||
 * See the following change record for more information,
 | 
			
		||||
 * https://www.drupal.org/node/3084859
 | 
			
		||||
 * @preserve
 | 
			
		||||
 */
 | 
			
		||||
/* cspell:ignore cacbd */
 | 
			
		||||
.field-option__icon {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg fill='none' height='36' viewBox='0 0 36 36' width='36' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 7.71798 8.7937-.00001c-.7328-5.48304 7.3282-7.049628 7.3282 0l7.3281.00001v7.83292c5.8625-.7833 8.7937 9.3995 0 9.3995v7.0496h-23.45v-11.7494-14.02745' stroke='%23cacbd2' stroke-width='3'/%3e%3c/svg%3e");
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
  background-position: center;
 | 
			
		||||
  background-size: 36px;
 | 
			
		||||
}
 | 
			
		||||
.field-icon-boolean {
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg height='36' viewBox='0 0 36 36' width='36' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m11.02 6.064c-2.287.164-4.788 1.165-6.58 2.634-1.741 1.427-3.084 3.366-3.786 5.466-.852 2.547-.853 5.12-.006 7.656 1.506 4.503 5.535 7.679 10.302 8.119.884.082 13.216.082 14.1 0 5.287-.488 9.574-4.301 10.683-9.502.649-3.043.026-6.328-1.707-8.989a11.927 11.927 0 0 0 -9.157-5.386c-.977-.071-12.861-.069-13.849.002m14.422 2.542c4.167.683 7.319 3.848 7.953 7.984.165 1.079.088 2.688-.182 3.75-.944 3.727-4.045 6.501-7.923 7.088-.789.12-13.787.12-14.58.001-3.514-.53-6.376-2.828-7.627-6.126-.631-1.664-.746-3.857-.295-5.645.918-3.647 3.936-6.404 7.712-7.047.692-.118 14.227-.122 14.942-.005m-2.702 2.548c-2.256.498-3.999 2.206-4.569 4.476-.156.618-.219 2.389-.115 3.18.4 3.027 2.917 5.25 5.944 5.25a5.87 5.87 0 0 0 4.37-1.894 6.1 6.1 0 0 0 1.576-3.415c.1-.847.038-2.503-.117-3.121-.446-1.782-1.586-3.196-3.219-3.994-.879-.43-1.377-.546-2.46-.573-.72-.017-1.002.001-1.41.091' fill='%2355565b'/%3e%3c/svg%3e");
 | 
			
		||||
}
 | 
			
		||||
.field-icon-plain_text {
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3e  %3cpath fill='%2355565B' d='M7 7.60001V4H29V7.60001H19.8333V31H16.1667V7.60001H7Z'/%3e%3c/svg%3e");
 | 
			
		||||
}
 | 
			
		||||
.field-icon-date_time {
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg height='33' viewBox='0 0 36 33' width='36' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m7.08 1.44v1.44h-5.976l-.318.158a1.326 1.326 0 0 0 -.726.941c-.048.224-.061 3.678-.048 12.311l.018 12 .131.246c.073.135.228.329.345.432.448.393-.104.373 9.978.372l9.14-.002.288.346c.479.574 1.348 1.362 1.936 1.755a9.006 9.006 0 0 0 8.182.98c4.629-1.704 7.072-6.881 5.452-11.555-.939-2.711-3.044-4.81-5.725-5.709l-.627-.211-.03-5.537-.03-5.537-.133-.249c-.162-.303-.513-.603-.797-.682-.125-.035-1.57-.058-3.555-.059h-3.345v-2.88h-2.82v2.88h-8.52v-2.88h-2.82zm18.84 10.912v2.391l-.342.041c-.542.063-1.317.269-1.969.521-2.825 1.095-4.943 3.609-5.613 6.664-.235 1.07-.219 2.683.039 3.936l.04.195h-14.835v-16.14h22.68zm1.185 2.332a2.601 2.601 0 0 1 -.45 0c-.124-.013-.022-.024.225-.024s.349.011.225.024m1.332 3.012c.586.148 1.445.539 1.976.899a6.322 6.322 0 0 1 2.746 5.525c-.079 1.624-.71 3.058-1.845 4.194a5.756 5.756 0 0 1 -1.756 1.24c-.918.435-1.576.581-2.618.583-.585.001-1.008-.03-1.292-.094-2.621-.594-4.532-2.609-4.95-5.219-.107-.664-.045-1.976.121-2.594.636-2.361 2.568-4.177 4.912-4.62.665-.125 2.042-.081 2.706.086m-2.563 5.119.016 3.255 2.415.016 2.415.015v-1.859l-1.605-.016-1.605-.016-.016-2.325-.015-2.325h-1.62z' fill='%2355565b'/%3e%3c/svg%3e");
 | 
			
		||||
}
 | 
			
		||||
.field-icon-email {
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg height='36' viewBox='0 0 36 36' width='36' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m18.905 3.0034c-4.8818-.0181-9.89368 2.11996-12.75421 6.14588-2.97685 4.12852-3.72724 9.57882-2.74182 14.50242.69215 3.2862 2.61415 6.3919 5.55652 8.109 3.35621 2.0297 7.44861 2.3335 11.27361 1.8957 1.9198-.2327 3.8097-.7456 5.5656-1.549 0-1.2133 0-2.4267 0-3.64-3.9461 1.6362-8.4574 2.4333-12.6514 1.2587-2.9465-.8305-5.34152-3.3703-5.98961-6.3624-.77366-3.0458-.58571-6.3211.39477-9.2927 1.05002-2.9697 3.32674-5.53882 6.31624-6.61934 2.9829-1.16767 6.4097-1.27462 9.4541-.26651 2.7133.99524 4.9245 3.33755 5.6015 6.14525.7038 2.5698.6228 5.4088-.3714 7.8826-.4383 1.0424-1.4289 2.1055-2.6643 1.867-.6836-.1102-1.2174-.6898-1.2841-1.374-.3646-1.7236.0832-3.4856.0543-5.2278.0939-1.7622.1876-3.5244.2846-5.2865-2.7816-.8329-5.7863-1.36856-8.6563-.6962-2.9057.7966-5.1346 3.4114-5.6209 6.3736-.4246 2.2055-.2402 4.5877.7799 6.5936.9431 1.7193 2.7689 2.9433 4.7485 3.0192 2.1842.205 4.5109-.7068 5.752-2.5513.808 1.8442 2.9703 2.8932 4.9355 2.5197 2.3445-.3217 4.2363-2.1564 5.0624-4.3086 1.3658-3.1906 1.3042-6.8642.3573-10.1616-1.129-3.63941-3.9388-6.75356-7.5656-8.02092-1.8577-.69892-3.8521-.9948-5.8372-.95578zm-.2305 10.5789c.7719-.0025 1.547.0602 2.296.2236-.2194 2.5144.0496 5.147-.9169 7.5287-.4626 1.006-1.4737 1.788-2.6009 1.773-1.18.1157-2.4907-.5777-2.7663-1.7944-.5272-1.6144-.3716-3.4013.1106-5.0038.5405-1.4722 1.9158-2.6924 3.5363-2.7087.1134-.0098.2273-.016.3412-.0184z' fill='%2355565b'/%3e%3c/svg%3e");
 | 
			
		||||
}
 | 
			
		||||
.field-icon-number {
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg height='36' viewBox='0 0 36 36' width='36' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m15.497 8.045c-1.353.129-2.556.713-3.559 1.727-1.08 1.092-1.675 2.516-1.677 4.013l-.001.555h2.683l.032-.585c.064-1.137.567-1.998 1.515-2.591.955-.598 2.344-.579 3.304.046 1.046.68 1.594 1.871 1.419 3.085-.134.93-.07.844-4.719 6.377l-4.231 5.038-.002.825-.001.825h11.7v-2.699l-3.627-.016-3.628-.015 2.974-3.54c1.635-1.947 3.08-3.689 3.212-3.87.322-.446.668-1.176.866-1.83.148-.487.164-.634.168-1.5.003-.82-.016-1.035-.133-1.47-.174-.647-.634-1.595-1.02-2.104-1.223-1.611-3.215-2.469-5.275-2.271m-12.872 1.184-2.625.635v1.338c0 .736.01 1.338.023 1.338.012 0 .91-.213 1.995-.473 1.085-.261 2.06-.492 2.167-.515l.195-.042v15.85h2.94v-18.78l-1.035.007-1.035.007zm21.495.701v1.35h3.3c1.815 0 3.3.013 3.3.028 0 .023-4.162 5.318-4.411 5.612-.064.075-.004.224.366.9.243.445.45.832.46.859.01.028.233-.06.496-.195 1.06-.541 1.997-.569 3.012-.087.814.387 1.449 1.12 1.781 2.06.161.457.181.589.181 1.203.001.492-.03.793-.108 1.05-.534 1.778-2.246 2.891-3.886 2.527-1.343-.299-2.334-1.279-2.686-2.655-.082-.322-.129-.41-.211-.403-.058.005-.602.14-1.209.3-.864.228-1.105.312-1.105.389 0 .214.317 1.188.538 1.654.833 1.753 2.35 2.971 4.166 3.345.74.153 1.734.13 2.465-.055a5.578 5.578 0 0 0 2.596-1.435c3.055-2.897 2.51-8.072-1.077-10.218a6 6 0 0 0 -.9-.424c-.257-.091-.467-.179-.467-.195s.905-1.175 2.01-2.574l2.009-2.544v-1.842h-10.62z' fill='%2355565b'/%3e%3c/svg%3e");
 | 
			
		||||
}
 | 
			
		||||
.field-icon-reference {
 | 
			
		||||
  background-image: url("data:image/svg+xml,%3csvg height='36' viewBox='0 0 36 36' width='36' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m10.98 9v4.98h5.52v3.06h-9v6h-5.52v9.96h14.04v-9.96h-5.52v-3.06h15v3.06h-5.52v9.96h14.04v-9.96h-5.52v-6h-9v-3.06h5.52v-9.96h-14.04zm11.026.015-.016 1.995h-7.98l-.016-1.995-.016-1.995h8.044zm-8.986 18.975v2.01h-8.04v-4.02h8.04zm18 0v2.01h-8.04v-4.02h8.04z' fill='%2355565b'/%3e%3c/svg%3e");
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										33
									
								
								web/core/modules/field_ui/css/field_ui.icons.theme.pcss.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								web/core/modules/field_ui/css/field_ui.icons.theme.pcss.css
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,33 @@
 | 
			
		||||
/* cspell:ignore cacbd */
 | 
			
		||||
.field-option__icon {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  background-image: url(../../../misc/icons/cacbd2/puzzle_piece_placeholder.svg);
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
  background-position: center;
 | 
			
		||||
  background-size: 36px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-icon-boolean {
 | 
			
		||||
  background-image: url(../../../misc/icons/55565b/boolean.svg);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-icon-plain_text {
 | 
			
		||||
  background-image: url(../../../misc/icons/55565b/plain_text.svg);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-icon-date_time {
 | 
			
		||||
  background-image: url(../../../misc/icons/55565b/date_and_time.svg);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-icon-email {
 | 
			
		||||
  background-image: url(../../../misc/icons/55565b/email.svg);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-icon-number {
 | 
			
		||||
  background-image: url(../../../misc/icons/55565b/number.svg);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-icon-reference {
 | 
			
		||||
  background-image: url(../../../misc/icons/55565b/reference.svg);
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										163
									
								
								web/core/modules/field_ui/css/field_ui_add_field.module.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										163
									
								
								web/core/modules/field_ui/css/field_ui_add_field.module.css
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,163 @@
 | 
			
		||||
/*
 | 
			
		||||
 * DO NOT EDIT THIS FILE.
 | 
			
		||||
 * See the following change record for more information,
 | 
			
		||||
 * https://www.drupal.org/node/3084859
 | 
			
		||||
 * @preserve
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @file field_ui_add_field.module.css
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.add-field-container {
 | 
			
		||||
  --thumb-size: 4.5rem;
 | 
			
		||||
  --color-focus: #26a769;
 | 
			
		||||
  --color-gray: #232429;
 | 
			
		||||
  --input-fg-color: var(--color-gray);
 | 
			
		||||
  --color-blue: #003ecc;
 | 
			
		||||
  --color-red: #dc2323;
 | 
			
		||||
  --details-box-shadow: 0 2px 0.25rem rgb(0, 0, 0, 0.1);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-ui-new-storage-wrapper {
 | 
			
		||||
  margin-bottom: 0.75rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.group-field-options-wrapper {
 | 
			
		||||
  margin-block: 1.5em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.add-field-container,
 | 
			
		||||
.group-field-options {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  gap: 0.75rem 1.25rem;
 | 
			
		||||
  margin-block: 0.625rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 45rem) {
 | 
			
		||||
  .add-field-container,
 | 
			
		||||
  .group-field-options {
 | 
			
		||||
    grid-template-columns: repeat(2, 1fr);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 75rem) {
 | 
			
		||||
  .add-field-container {
 | 
			
		||||
    grid-template-columns: repeat(3, 1fr);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-columns: var(--thumb-size) auto;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  padding: 0.25rem;
 | 
			
		||||
  padding-inline-end: 0.75rem;
 | 
			
		||||
  -webkit-text-decoration: none;
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  color: unset;
 | 
			
		||||
  border: 1px solid #919297;
 | 
			
		||||
  gap: 0.75rem;
 | 
			
		||||
  border-radius: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option:hover {
 | 
			
		||||
  color: unset;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.group-field-options {
 | 
			
		||||
  display: table;
 | 
			
		||||
  min-width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option__item {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-rows: auto 2fr;
 | 
			
		||||
  grid-template-columns: auto 1.1875rem;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  column-gap: 1.25rem;
 | 
			
		||||
  padding-block: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option__item > *:not(input) {
 | 
			
		||||
  grid-column: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option__item > input {
 | 
			
		||||
  grid-row: 1 / -1;
 | 
			
		||||
  grid-column: 2;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option__thumb {
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  min-height: var(--thumb-size);
 | 
			
		||||
  background-color: #f3f4f9;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.subfield-option {
 | 
			
		||||
  margin-block: 0.625rem;
 | 
			
		||||
  padding: 1rem;
 | 
			
		||||
  padding-inline-end: 2rem;
 | 
			
		||||
  border: 1px solid #d3d4d9;
 | 
			
		||||
  border-radius: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.subfield-option .field-option-radio {
 | 
			
		||||
  margin-inline-end: 0.4375rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.subfield-option .item-list ul {
 | 
			
		||||
  margin-inline: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.subfield-option .item-list {
 | 
			
		||||
  padding-left: 1.4rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option,
 | 
			
		||||
.subfield-option {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option.focus,
 | 
			
		||||
.subfield-option.focus {
 | 
			
		||||
  outline: 3px solid var(--color-focus);
 | 
			
		||||
  outline-offset: 2px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option.hover,
 | 
			
		||||
.subfield-option.hover {
 | 
			
		||||
  border-color: var(--color-gray);
 | 
			
		||||
  box-shadow:
 | 
			
		||||
    inset 0 0 0 1px var(--color-gray),
 | 
			
		||||
    var(--details-box-shadow);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option:not(.selected, .error):hover .form-boolean,
 | 
			
		||||
.subfield-option:not(.selected, .error):hover .form-boolean {
 | 
			
		||||
  border-color: var(--input-fg-color);
 | 
			
		||||
  box-shadow: inset 0 0 0 1px var(--input-fg-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option.selected,
 | 
			
		||||
.subfield-option.selected {
 | 
			
		||||
  border-color: var(--color-blue);
 | 
			
		||||
  box-shadow:
 | 
			
		||||
    inset 0 0 0 2px var(--color-blue),
 | 
			
		||||
    var(--details-box-shadow);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option.error,
 | 
			
		||||
.subfield-option.error {
 | 
			
		||||
  border-color: var(--color-red);
 | 
			
		||||
  box-shadow:
 | 
			
		||||
    inset 0 0 0 1px var(--color-red),
 | 
			
		||||
    var(--details-box-shadow);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option .form-item__label.has-error,
 | 
			
		||||
.subfield-option .form-item__label.has-error {
 | 
			
		||||
  color: currentColor;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										138
									
								
								web/core/modules/field_ui/css/field_ui_add_field.module.pcss.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										138
									
								
								web/core/modules/field_ui/css/field_ui_add_field.module.pcss.css
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,138 @@
 | 
			
		||||
/**
 | 
			
		||||
 * @file field_ui_add_field.module.css
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.add-field-container {
 | 
			
		||||
  --thumb-size: 72px;
 | 
			
		||||
  --color-focus: #26a769;
 | 
			
		||||
  --color-gray: #232429;
 | 
			
		||||
  --input-fg-color: var(--color-gray);
 | 
			
		||||
  --color-blue: #003ecc;
 | 
			
		||||
  --color-red: #dc2323;
 | 
			
		||||
  --details-box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-ui-new-storage-wrapper {
 | 
			
		||||
  margin-bottom: 0.75rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.group-field-options-wrapper {
 | 
			
		||||
  margin-block: 1.5em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.add-field-container,
 | 
			
		||||
.group-field-options {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  gap: 0.75rem 1.25rem;
 | 
			
		||||
  margin-block: 0.625rem;
 | 
			
		||||
 | 
			
		||||
  @media (min-width: 45rem) {
 | 
			
		||||
    grid-template-columns: repeat(2, 1fr);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.add-field-container {
 | 
			
		||||
  @media (min-width: 75rem) {
 | 
			
		||||
    grid-template-columns: repeat(3, 1fr);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-columns: var(--thumb-size) auto;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  padding: 0.25rem;
 | 
			
		||||
  padding-inline-end: 0.75rem;
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  color: unset;
 | 
			
		||||
  border: 1px solid #919297;
 | 
			
		||||
  gap: 0.75rem;
 | 
			
		||||
  border-radius: 4px;
 | 
			
		||||
  &:hover {
 | 
			
		||||
    color: unset;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.group-field-options {
 | 
			
		||||
  display: table;
 | 
			
		||||
  min-width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option__item {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-rows: auto 2fr;
 | 
			
		||||
  grid-template-columns: auto 1.1875rem;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  column-gap: 1.25rem;
 | 
			
		||||
  padding-block: 0.25rem;
 | 
			
		||||
 | 
			
		||||
  > *:not(input) {
 | 
			
		||||
    grid-column: 1;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  > input {
 | 
			
		||||
    grid-row: 1 / -1;
 | 
			
		||||
    grid-column: 2;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option__thumb {
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  min-height: var(--thumb-size);
 | 
			
		||||
  background-color: #f3f4f9;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.subfield-option {
 | 
			
		||||
  margin-block: 0.625rem;
 | 
			
		||||
  padding: 1rem;
 | 
			
		||||
  padding-inline-end: 2rem;
 | 
			
		||||
  border: 1px solid #d3d4d9;
 | 
			
		||||
  border-radius: 4px;
 | 
			
		||||
 | 
			
		||||
  .field-option-radio {
 | 
			
		||||
    margin-inline-end: 0.4375rem;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .item-list ul {
 | 
			
		||||
    margin-inline: 0;
 | 
			
		||||
  }
 | 
			
		||||
  .item-list {
 | 
			
		||||
    padding-left: 1.4rem;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option,
 | 
			
		||||
.subfield-option {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
  &.focus {
 | 
			
		||||
    outline: 3px solid var(--color-focus);
 | 
			
		||||
    outline-offset: 2px;
 | 
			
		||||
  }
 | 
			
		||||
  &.hover {
 | 
			
		||||
    border-color: var(--color-gray);
 | 
			
		||||
    box-shadow:
 | 
			
		||||
      inset 0 0 0 1px var(--color-gray),
 | 
			
		||||
      var(--details-box-shadow);
 | 
			
		||||
  }
 | 
			
		||||
  &:not(.selected, .error):hover .form-boolean {
 | 
			
		||||
    border-color: var(--input-fg-color);
 | 
			
		||||
    box-shadow: inset 0 0 0 1px var(--input-fg-color);
 | 
			
		||||
  }
 | 
			
		||||
  &.selected {
 | 
			
		||||
    border-color: var(--color-blue);
 | 
			
		||||
    box-shadow:
 | 
			
		||||
      inset 0 0 0 2px var(--color-blue),
 | 
			
		||||
      var(--details-box-shadow);
 | 
			
		||||
  }
 | 
			
		||||
  &.error {
 | 
			
		||||
    border-color: var(--color-red);
 | 
			
		||||
    box-shadow:
 | 
			
		||||
      inset 0 0 0 1px var(--color-red),
 | 
			
		||||
      var(--details-box-shadow);
 | 
			
		||||
  }
 | 
			
		||||
  & .form-item__label.has-error {
 | 
			
		||||
    color: currentColor;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										21
									
								
								web/core/modules/field_ui/css/field_ui_add_field.theme.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								web/core/modules/field_ui/css/field_ui_add_field.theme.css
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,21 @@
 | 
			
		||||
/**
 | 
			
		||||
 * @file field_ui_add_field.theme.css
 | 
			
		||||
 */
 | 
			
		||||
.field-option .form-item__label,
 | 
			
		||||
.subfield-option.subfield-option .form-item__label {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
  font-size: 16px;
 | 
			
		||||
  font-weight: 400;
 | 
			
		||||
  line-height: 1.5;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.subfield-option.subfield-option .form-item__label {
 | 
			
		||||
  padding-bottom: 10px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.field-option .field-option__description,
 | 
			
		||||
.subfield-option .description .item-list {
 | 
			
		||||
  color: #75767b;
 | 
			
		||||
  font-size: 14px;
 | 
			
		||||
  line-height: 1.2;
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,13 @@
 | 
			
		||||
.display-mode-table th:first-child {
 | 
			
		||||
  width: 30%;
 | 
			
		||||
}
 | 
			
		||||
.display-mode-table th:nth-child(2) {
 | 
			
		||||
  width: 50%;
 | 
			
		||||
}
 | 
			
		||||
.display-mode-table th:last-child {
 | 
			
		||||
  width: 20%;
 | 
			
		||||
}
 | 
			
		||||
.display-mode-table td {
 | 
			
		||||
  max-width: 50px;
 | 
			
		||||
  word-wrap: break-word;
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user