FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Feat(Menu): Add tool menu via drag and drop

Browse Source 
Drag and drop a tool card to add tool menu
This commit is contained in:
Fat Snake
2024-04-30 13:42:36 +08:00
parent 843f47346a
commit 7b61a5fdb3
30 changed files with 785 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/assets/css/components/common/sidebar.scss
View File

@@ -55,13 +55,14 @@
.scroll {
min-height: 0;
flex: 1;
width: 100%;
}
ul {
> li {
> li, > div > li {
padding: 2px 14px;
&.item {
position: relative;
margin: 4px 14px;
font-size: 1.4em;
>.menu-bt {
@@ -78,6 +79,10 @@
height: 40px;
font-size: constants.$SIZE_ICON_SM;
cursor: pointer;
img{
width: 100%;
}
}
a {
@@ -86,6 +91,7 @@
height: 100%;
width: 100%;
transition: all 0.2s;
background-color: constants.$origin-color;
.text {
flex: 1;
@@ -94,7 +100,12 @@
&.active {
color: constants.$origin-color;
background-color: constants.$main-color !important;
background-color: constants.$main-color;
img {
filter: drop-shadow(1000px 0 0 constants.$origin-color);
transform: translate(-1000px);
}
}
}
}
@@ -136,11 +147,11 @@
&.active {
color: constants.$origin-color;
background-color: constants.$main-color !important;
background-color: constants.$main-color;
}
}
&:hover a {
&:hover a:not(.active) {
background-color: constants.$background-color;
}
}
@@ -149,7 +160,7 @@
&:hover {
>.menu-bt {
a {
a:not(.active) {
background-color: constants.$background-color;
}
}
@@ -171,6 +182,22 @@
}
}
}
.delete {
.menu-bt {
border: {
width: 1px;
color: constants.$error-secondary-color;
style: dashed;
};
filter: drop-shadow(1000px 0 0 constants.$error-secondary-color);
transform: translate(-1000px);
> a {
background-color: transparent !important;
}
}
}
}
}
@@ -257,7 +284,7 @@
}
.menu-bt {
.text {
.text, .extend {
display: none;
}
}