diff --git a/core/themes/claro/claro.info.yml b/core/themes/claro/claro.info.yml index 37199aa4f911a86b687bc457517b21447ff065cc..4d178b8167d18afdbd6f284e98c6586dccf989ab 100644 --- a/core/themes/claro/claro.info.yml +++ b/core/themes/claro/claro.info.yml @@ -155,6 +155,8 @@ libraries-extend: - claro/media_library.theme media_library/widget: - claro/media_library.theme + image/admin: + - claro/image.admin regions: header: Header diff --git a/core/themes/claro/claro.libraries.yml b/core/themes/claro/claro.libraries.yml index bacd212aefbd7a7d7a48c9ba4ac53bbf492160dc..2a5aac14ab71459ba342f56f7231b12da385dd20 100644 --- a/core/themes/claro/claro.libraries.yml +++ b/core/themes/claro/claro.libraries.yml @@ -147,6 +147,12 @@ media-form: dependencies: - media/form +image.admin: + version: VERSION + css: + component: + css/components/image.admin.css: {} + system.admin: version: VERSION css: diff --git a/core/themes/claro/css/components/image.admin.css b/core/themes/claro/css/components/image.admin.css new file mode 100644 index 0000000000000000000000000000000000000000..b0dd19bdd9f164c41263a016ee917f358a17b411 --- /dev/null +++ b/core/themes/claro/css/components/image.admin.css @@ -0,0 +1,19 @@ +/* + * DO NOT EDIT THIS FILE. + * See the following change record for more information, + * https://www.drupal.org/node/3084859 + * @preserve + */ + +/** + * @file + * Styles for image style admin UI. + */ + +.image-anchor td:not(:hover) { + background-color: var(--color-white); +} + +.image-anchor td:hover > div { + background-color: transparent; +} diff --git a/core/themes/claro/css/components/image.admin.pcss.css b/core/themes/claro/css/components/image.admin.pcss.css new file mode 100644 index 0000000000000000000000000000000000000000..fdc52c9717afa569ca782e4d32d046fe173c0770 --- /dev/null +++ b/core/themes/claro/css/components/image.admin.pcss.css @@ -0,0 +1,12 @@ +/** + * @file + * Styles for image style admin UI. + */ + +.image-anchor td:not(:hover) { + background-color: var(--color-white); +} + +.image-anchor td:hover > div { + background-color: transparent; +}