From 0a0371b45d743f02f58e36acda85c16c6173cd3a Mon Sep 17 00:00:00 2001 From: sungreenpepper Date: Thu, 7 Mar 2024 08:52:20 +0000 Subject: [PATCH] icons for media manager popup --- css/_media_popup.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/css/_media_popup.css b/css/_media_popup.css index 1c01648..3f395ec 100644 --- a/css/_media_popup.css +++ b/css/_media_popup.css @@ -221,4 +221,46 @@ html.popup { .mf_png { background-image: url('data:image/svg+xml,'); +} + +a:has(img[src="/lib/images/magnifier.png"]), +a:has(img[src="/lib/images/mediamanager.png"]), +a:has(img[src="/lib/images/trash.png"]) { + position: relative; + border-radius: 0.25rem; + padding: 0.125rem; +} + +a:has(img[src="/lib/images/magnifier.png"]):hover, +a:has(img[src="/lib/images/mediamanager.png"]):hover { + background-color: var(--color-dark-6); +} + +a:has(img[src="/lib/images/trash.png"]):hover { + background-color: var(--color-red-light); +} + +a:has(img[src="/lib/images/magnifier.png"]) img, +a:has(img[src="/lib/images/mediamanager.png"]) img, +a:has(img[src="/lib/images/trash.png"]) img { + opacity: 0; +} + +a:has(img[src="/lib/images/magnifier.png"])::before, +a:has(img[src="/lib/images/mediamanager.png"])::before, +a:has(img[src="/lib/images/trash.png"])::before { + position: absolute; + top: 2px; +} + +a:has(img[src="/lib/images/magnifier.png"])::before { + content: url('data:image/svg+xml,'); +} + +a:has(img[src="/lib/images/mediamanager.png"])::before { + content: url('data:image/svg+xml,'); +} + +a:has(img[src="/lib/images/trash.png"])::before { + content: url('data:image/svg+xml,'); } \ No newline at end of file