mirror of
https://github.com/Qortal/qortal-ui.git
synced 2025-02-11 17:55:51 +00:00
Rework RemoveIcon
This commit is contained in:
parent
8b8b5fd8b6
commit
317fa13c13
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user