From 2adbd4cb38af1f8f6c6f250ea6b4fc4827b376b6 Mon Sep 17 00:00:00 2001 From: Benjamin Renard Date: Fri, 29 May 2020 12:29:13 +0200 Subject: [PATCH] light-blue.css: Fix LSsmoothbox / LSconfirmBox closeBtn CSS The cross UTF8 character used was not supported by all browsers. Use "x" character. --- src/css/light-blue.css | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/css/light-blue.css b/src/css/light-blue.css index c88da7e2..8ced52ed 100644 --- a/src/css/light-blue.css +++ b/src/css/light-blue.css @@ -99,21 +99,22 @@ td.LSobject-list, tr.LSobject-list { #closeBtn-LSsmoothbox, #closeBtn-LSconfirmBox { background: transparent; - top: 0.3em; - right: 0.3em; + top: 0.5rem; + right: 0.5rem; } #closeBtn-LSsmoothbox:after, #closeBtn-LSconfirmBox:after { - background: rgba(255, 255, 255, 0.8);; + background: rgba(255, 255, 255, 0.8); position: relative; top: 0; - left: -0.2em; - font-size: 1.2em; - content: '🗙'; - height: 1em; - width: 1em; + left: -0.3rem; + font-size: 1.2rem; + content: 'x'; + height: 1rem; + width: 1rem; color: var(--medium-grey); - padding: 0 0.2em; + padding: 0 0.2rem; + border: none; } #closeBtn-LSsmoothbox:hover:before, #closeBtn-LSsmoothbox:hover:after, #closeBtn-LSconfirmBox:hover:before, #closeBtn-LSconfirmBox:hover:after { color: var(--dark-grey);