forked from Qortal/qortal-ui
Merge pull request #180 from Pigpig105/rework-removeIcon
ADD: (Plugins) Rework "remove" icon
This commit is contained in:
commit
4a0f8d1590
@ -940,6 +940,7 @@ class NavBar extends connect(store)(LitElement) {
|
||||
}
|
||||
|
||||
.app-list .app-icon {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
@ -984,34 +985,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