From 1a95084d823f69220cf0dd82581fe01cb185e39f Mon Sep 17 00:00:00 2001 From: John Thomson Date: Mon, 19 Feb 2024 08:52:29 -0600 Subject: [PATCH] Zero-margin images position against borders (BL-13073) --- .../appearance-theme-efl-zero-margin-ebook.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/content/appearanceThemes/appearance-theme-efl-zero-margin-ebook.css b/src/content/appearanceThemes/appearance-theme-efl-zero-margin-ebook.css index 024b0e62a59b..863d39968006 100644 --- a/src/content/appearanceThemes/appearance-theme-efl-zero-margin-ebook.css +++ b/src/content/appearanceThemes/appearance-theme-efl-zero-margin-ebook.css @@ -27,3 +27,19 @@ --page-split-horizontal-gap: 1mm; --page-split-vertical-gap: 1mm; } + +/* these rules position images against the nearest border, for common origami layouts. The several layers of selectors + * prevent the rules applying to anything but top-level splits. */ + +.marginBox > .split-pane > .split-pane-component.position-left > .split-pane-component-inner > .bloom-imageContainer > img { + object-position: left; +} +.marginBox > .split-pane > .split-pane-component.position-top > .split-pane-component-inner > .bloom-imageContainer > img { + object-position: top; +} +.marginBox > .split-pane > .split-pane-component.position-bottom > .split-pane-component-inner > .bloom-imageContainer > img { + object-position: bottom; +} +.marginBox > .split-pane > .split-pane-component.position-right > .split-pane-component-inner > .bloom-imageContainer > img { + object-position: right; +}