only in patch2: unchanged: --- a/css/components/messages.css +++ b/css/components/messages.css @@ -89,6 +89,7 @@ .messages { min-height: 68px; outline: solid 1px transparent; + color: #fff; } [dir] .messages { @@ -137,7 +138,6 @@ .messages__content { flex: 1; - color: #fff; } [dir] .messages__content { @@ -249,10 +249,18 @@ fill: #53b0eb; } -.messages a { - color: #fff; -} - [dir] .messages pre { margin: 0; } + +[dir] .js-form-managed-file .messages { + margin-bottom: 18px; +} + +[dir=ltr] .js-form-managed-file .messages { + border-left: 6px solid #e33f1e; +} + +[dir=rtl] .js-form-managed-file .messages { + border-right: 6px solid #e33f1e; +} only in patch2: unchanged: --- a/css/components/messages.pcss.css +++ b/css/components/messages.pcss.css @@ -21,6 +21,7 @@ padding: var(--sp1) var(--sp1-5); outline: solid 1px transparent; background-color: var(--color--gray-0); + color: var(--color--white); /* Additional specificity to override contrib modules. */ &.messages-list__item { @@ -54,7 +55,6 @@ .messages__content { flex: 1; padding-top: 3px; - color: var(--color--white); * { color: inherit; @@ -132,10 +132,11 @@ fill: var(--color--blue-70); } -.messages a { - color: var(--color--white); -} - .messages pre { margin: 0; } + +.js-form-managed-file .messages { + margin-bottom: var(--sp1); + border-left: var(--form-element-border-size-left) solid var(--color--red); +} only in patch2: unchanged: --- a/olivero.libraries.yml +++ b/olivero.libraries.yml @@ -37,6 +37,7 @@ global-styling: css/components/header-site-branding.css: {} css/components/hero.css: {} css/components/links.css: {} + css/components/messages.css: {} css/components/nav-button-mobile.css: {} css/components/nav-button-wide.css: {} css/components/nav-primary-button.css: {} @@ -118,9 +119,6 @@ layout_builder_fourcol_section: - olivero/layout_discovery_section messages: - css: - component: - css/components/messages.css: {} js: js/messages.js: {}