mirror of
https://github.com/Qortal/qortal-ui.git
synced 2025-03-31 01:35:54 +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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user