From 980f19c33b884a0526d7abbe3c9f937fe58e4cc5 Mon Sep 17 00:00:00 2001 From: Paul Gottschling Date: Thu, 26 Oct 2023 15:59:51 -0400 Subject: [PATCH] Remove gray background in images (#411) In df94b23074203819e999ea373db41ed9bf7cc884, we made images clickable to enable them to pop up as a modal. This put images inside a `button` element, which in browsers renders with a gray background and border. This change removes the default background and border. --- components/MDX/Image.module.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/components/MDX/Image.module.css b/components/MDX/Image.module.css index d2d42f9655..a1dabb2f41 100644 --- a/components/MDX/Image.module.css +++ b/components/MDX/Image.module.css @@ -45,6 +45,13 @@ } .zoomable { + /* + * The background-color and border styles override browser defaults for the + * button element. + */ + background-color: inherit; + border: inherit; + cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in;