mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-06-16 18:09:22 +08:00
style(editor): 悬停组件菜单样式优化
This commit is contained in:
parent
5a25899b57
commit
740c2a73fa
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user