From 317fa13c13f3acc045f5a744c348a86e20cf1144 Mon Sep 17 00:00:00 2001 From: Pigpig105 <81789882+Pigpig105@users.noreply.github.com> Date: Sat, 8 Jul 2023 16:29:02 -0400 Subject: [PATCH] Rework RemoveIcon --- core/src/components/show-plugin.js | 34 +++++++++++++++++++++--------- 1 file changed, 24 insertions(+), 10 deletions(-) diff --git a/core/src/components/show-plugin.js b/core/src/components/show-plugin.js index 2861d3c1..77b50eba 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -810,6 +810,7 @@ class NavBar extends connect(store)(LitElement) { } .app-list .app-icon { + position: relative; text-align: center; font-size: 15px; font-weight: bold; @@ -854,34 +855,47 @@ class NavBar extends connect(store)(LitElement) { border-bottom-right-radius: 10px; } + .app-list .app-icon:hover .removeIcon { + display: inline; + } + .menuIcon { color: var(--app-icon); --mdc-icon-size: 64px; cursor: pointer; } - + .menuIconPos { position: relative; - right: 26px; + right: -2px; } - + + .removeIconPos { + position: absolute; + top: -36px; + left: 0; + } + + .menuIconPos:hover .removeIcon { + display: inline; + } + .removeIcon { + display: none; color: var(--black); --mdc-icon-size: 28px; cursor: pointer; + position: absolute; + top: 30px; + left: 123px; + z-index: 1; } - + .removeIcon:hover { color: #C6011F; font-weight: bold; } - .removeIconPos { - position: relative; - top: -36px; - left: 62px; - } - .red { --mdc-theme-primary: #F44336; }