JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-16 18:09:22 +08:00
Code Issues Projects Releases Wiki Activity

style(editor): 悬停组件菜单样式优化

Browse Source
This commit is contained in:
roymondchen 2023-09-20 15:36:48 +08:00
parent 5a25899b57
commit 740c2a73fa
1 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/editor/src/theme/content-menu.scss
View File

@ -44,30 +44,32 @@
} }
} }
&.active { &.button {
background-color: $--theme-color; &:hover {
.tmagic-design-button, background-color: $--hover-color;
.tmagic-design-button:active, .tmagic-design-button,
.tmagic-design-button:focus { .tmagic-design-button:active,
color: #fff; .tmagic-design-button:focus {
color: $--font-color;
}
&.menu-item i {
color: $--font-color;
}
}
&.active {
background-color: $--theme-color; background-color: $--theme-color;
} .tmagic-design-button,
.tmagic-design-button:active,
.tmagic-design-button:focus {
color: #fff;
background-color: transparent;
}
&.menu-item i { &.menu-item i {
color: #fff; color: #fff;
} }
}
&:hover {
background-color: $--hover-color;
.tmagic-design-button,
.tmagic-design-button:active,
.tmagic-design-button:focus {
color: $--font-color;
}
&.menu-item i {
color: $--font-color;
} }
} }
} }