Rework RemoveIcon

This commit is contained in:
Pigpig105 2023-07-08 16:29:02 -04:00 committed by GitHub
parent 8b8b5fd8b6
commit 317fa13c13
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -810,6 +810,7 @@ class NavBar extends connect(store)(LitElement) {
} }
.app-list .app-icon { .app-list .app-icon {
position: relative;
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
@ -854,6 +855,10 @@ class NavBar extends connect(store)(LitElement) {
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
} }
.app-list .app-icon:hover .removeIcon {
display: inline;
}
.menuIcon { .menuIcon {
color: var(--app-icon); color: var(--app-icon);
--mdc-icon-size: 64px; --mdc-icon-size: 64px;
@ -862,13 +867,28 @@ class NavBar extends connect(store)(LitElement) {
.menuIconPos { .menuIconPos {
position: relative; position: relative;
right: 26px; right: -2px;
}
.removeIconPos {
position: absolute;
top: -36px;
left: 0;
}
.menuIconPos:hover .removeIcon {
display: inline;
} }
.removeIcon { .removeIcon {
display: none;
color: var(--black); color: var(--black);
--mdc-icon-size: 28px; --mdc-icon-size: 28px;
cursor: pointer; cursor: pointer;
position: absolute;
top: 30px;
left: 123px;
z-index: 1;
} }
.removeIcon:hover { .removeIcon:hover {
@ -876,12 +896,6 @@ class NavBar extends connect(store)(LitElement) {
font-weight: bold; font-weight: bold;
} }
.removeIconPos {
position: relative;
top: -36px;
left: 62px;
}
.red { .red {
--mdc-theme-primary: #F44336; --mdc-theme-primary: #F44336;
} }