JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-11-04 02:28:04 +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 {
background-color: $--theme-color;
.tmagic-design-button,
.tmagic-design-button:active,
.tmagic-design-button:focus {
color: #fff;
&.button {
&: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;
}
}
&.active {
background-color: $--theme-color;
}
.tmagic-design-button,
.tmagic-design-button:active,
.tmagic-design-button:focus {
color: #fff;
background-color: transparent;
}
&.menu-item i {
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;
&.menu-item i {
color: #fff;
}
}
}
}