Skip to content
Snippets Groups Projects
Unverified Commit 1544b1de authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3300941 by mherchel, cindytwilliams, Manibharathi E R, Chi: Claro:...

Issue #3300941 by mherchel, cindytwilliams, Manibharathi E R, Chi: Claro: Views UI layout is not aligned correctly
parent 0603b8c2
No related branches found
No related tags found
38 merge requests!7452Issue #1797438. HTML5 validation is preventing form submit and not fully...,!54479.5.x SF update,!5014Issue #3071143: Table Render Array Example Is Incorrect,!4868Issue #1428520: Improve menu parent link selection,!4289Issue #1344552 by marcingy, Niklas Fiekas, Ravi.J, aleevas, Eduardo Morales...,!4114Issue #2707291: Disable body-level scrolling when a dialog is open as a modal,!4100Issue #3249600: Add support for PHP 8.1 Enums as allowed values for list_* data types,!3630Issue #2815301 by Chi, DanielVeza, kostyashupenko, smustgrave: Allow to create...,!3600Issue #3344629: Passing null to parameter #1 ($haystack) of type string is deprecated,!3291Issue #3336463: Rewrite rules for gzipped CSS and JavaScript aggregates never match,!3102Issue #3164428 by DonAtt, longwave, sahil.goyal, Anchal_gupta, alexpott: Use...,!2853#3274419 Makes BaseFieldOverride inherit the internal property from the base field.,!2661Issue #3295972 by Munavijayalakshmi, nitin_lama, arunkumark, cilefen,...,!2378Issue #2875033: Optimize joins and table selection in SQL entity query implementation,!2334Issue #3228209: Add hasRole() method to AccountInterface,!2074Issue #2707689: NodeForm::actions() checks for delete access on new entities,!2062Issue #3246454: Add weekly granularity to views date sort,!1591Issue #3199697: Add JSON:API Translation experimental module,!1484Exposed filters get values from URL when Ajax is on,!1255Issue #3238922: Refactor (if feasible) uses of the jQuery serialize function to use vanillaJS,!1254Issue #3238915: Refactor (if feasible) uses of the jQuery ready function to use VanillaJS,!1162Issue #3100350: Unable to save '/' root path alias,!1105Issue #3025039: New non translatable field on translatable content throws error,!1073issue #3191727: Focus states on mobile second level navigation items fixed,!10223132456: Fix issue where views instances are emptied before an ajax request is complete,!957Added throwing of InvalidPluginDefinitionException from getDefinition().,!925Issue #2339235: Remove taxonomy hard dependency on node module,!877Issue #2708101: Default value for link text is not saved,!873Issue #2875228: Site install not using batch API service,!872Draft: Issue #3221319: Race condition when creating menu links and editing content deletes menu links,!844Resolve #3036010 "Updaters",!712Issue #2909128: Autocomplete intermittent on Chrome Android,!617Issue #3043725: Provide a Entity Handler for user cancelation,!579Issue #2230909: Simple decimals fail to pass validation,!560Move callback classRemove outside of the loop,!555Issue #3202493,!485Sets the autocomplete attribute for username/password input field on login form.,!30Issue #3182188: Updates composer usage to point at ./vendor/bin/composer
...@@ -43,19 +43,25 @@ ...@@ -43,19 +43,25 @@
.claro-details { .claro-details {
display: block; display: block;
/* The following width and min-width values ensure that the <details> element
* does not shift widths when opening, in the event that a parent element
* constrains the width. This can happen when toggling the "lazy-load" option
* within an image field. */
width: min-content;
min-width: 100%;
margin-top: var(--space-m); margin-top: var(--space-m);
margin-bottom: var(--space-m); margin-bottom: var(--space-m);
color: var(--color-text); color: var(--color-text);
border: var(--details-border-size) solid var(--details-border-color); border: var(--details-border-size) solid var(--details-border-color);
border-radius: var(--details-border-size-radius); border-radius: var(--details-border-size-radius);
background-color: var(--color-white); background-color: var(--color-white);
box-shadow: var(--details-box-shadow); box-shadow: var(--details-box-shadow)
/*
* The following width and min-width values ensure that the <details> element
* does not shift widths when opening, in the event that a parent table
* element constrains the width. This can happen when toggling the
* "lazy-load" option within an image field.
*/
}
td .claro-details {
width: min-content;
min-width: 100%
} }
.claro-details--accordion-item, .claro-details--accordion-item,
......
...@@ -36,12 +36,6 @@ ...@@ -36,12 +36,6 @@
.claro-details { .claro-details {
display: block; display: block;
/* The following width and min-width values ensure that the <details> element
* does not shift widths when opening, in the event that a parent element
* constrains the width. This can happen when toggling the "lazy-load" option
* within an image field. */
width: min-content;
min-width: 100%;
margin-top: var(--space-m); margin-top: var(--space-m);
margin-bottom: var(--space-m); margin-bottom: var(--space-m);
color: var(--color-text); color: var(--color-text);
...@@ -49,6 +43,17 @@ ...@@ -49,6 +43,17 @@
border-radius: var(--details-border-size-radius); border-radius: var(--details-border-size-radius);
background-color: var(--color-white); background-color: var(--color-white);
box-shadow: var(--details-box-shadow); box-shadow: var(--details-box-shadow);
/*
* The following width and min-width values ensure that the <details> element
* does not shift widths when opening, in the event that a parent table
* element constrains the width. This can happen when toggling the
* "lazy-load" option within an image field.
*/
@nest td & {
width: min-content;
min-width: 100%;
}
} }
.claro-details--accordion-item, .claro-details--accordion-item,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment