Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-04-18 09:05:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #180 from Pigpig105/rework-removeIcon

Browse Source 
ADD: (Plugins) Rework "remove" icon
This commit is contained in:
QuickMythril 2023-09-07 22:20:35 -04:00 committed by GitHub
commit 4a0f8d1590
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
core/src/components/show-plugin.js
View File

@ -940,6 +940,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;
@ -984,34 +985,47 @@ 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;
cursor: pointer; cursor: pointer;
} }
.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 {
color: #C6011F; color: #C6011F;
font-weight: bold; font-weight: bold;
} }
.removeIconPos {
position: relative;
top: -36px;
left: 62px;
}
.red { .red {
--mdc-theme-primary: #F44336; --mdc-theme-primary: #F44336;
} }