Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-29 02:52:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(mind_map): fix node-menu visibility

Browse Source 
=> rename css class name to match upstream

the class name got changed from ".mind-elixir → .map-container" by upstream via 294c2d5bb0

partially addresses #1464 → this allows us to see the node-menu sidebar again
This commit is contained in:
Panagiotis Papadopoulos 2025-03-19 18:37:42 +01:00
parent 0408b3d260
commit 33922c52f8
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/public/app/widgets/type_widgets/mind_map.ts
View File

@ -22,7 +22,7 @@ const TPL = `
height: 100%;
}
.mind-elixir .node-menu {
.map-container .node-menu {
position: absolute;
top: 60px;
right: 20px;
@ -38,28 +38,28 @@ const TPL = `
transition: .3s all
}
.mind-elixir .node-menu.close {
.map-container .node-menu.close {
height: 29px;
width: 46px;
overflow: hidden
}
.mind-elixir .node-menu .button-container {
.map-container .node-menu .button-container {
padding: 3px 0;
direction: rtl
}
.mind-elixir .node-menu #nm-tag {
.map-container .node-menu #nm-tag {
margin-top: 20px
}
.mind-elixir .node-menu .nm-fontsize-container {
.map-container .node-menu .nm-fontsize-container {
display: flex;
justify-content: space-around;
margin-bottom: 20px
}
.mind-elixir .node-menu .nm-fontsize-container div {
.map-container .node-menu .nm-fontsize-container div {
height: 36px;
width: 36px;
display: flex;
@ -71,12 +71,12 @@ const TPL = `
border-radius: 100%
}
.mind-elixir .node-menu .nm-fontcolor-container {
.map-container .node-menu .nm-fontcolor-container {
margin-bottom: 10px
}
.mind-elixir .node-menu input,
.mind-elixir .node-menu textarea {
.map-container .node-menu input,
.map-container .node-menu textarea {
background: var(--input-background-color);
border: 1px solid var(--panel-border-color);
border-radius: var(--bs-border-radius);
@ -87,17 +87,17 @@ const TPL = `
box-sizing: border-box;
}
.mind-elixir .node-menu textarea {
.map-container .node-menu textarea {
resize: none
}
.mind-elixir .node-menu .split6 {
.map-container .node-menu .split6 {
display: inline-block;
width: 16.66%;
margin-bottom: 5px
}
.mind-elixir .node-menu .palette {
.map-container .node-menu .palette {
border-radius: 100%;
width: 21px;
height: 21px;
@ -105,35 +105,35 @@ const TPL = `
margin: auto
}
.mind-elixir .node-menu .nmenu-selected,
.mind-elixir .node-menu .palette:hover {
.map-container .node-menu .nmenu-selected,
.map-container .node-menu .palette:hover {
box-shadow: tomato 0 0 0 2px;
background-color: #c7e9fa
}
.mind-elixir .node-menu .size-selected {
.map-container .node-menu .size-selected {
background-color: tomato !important;
border-color: tomato;
fill: #fff;
color: #fff
}
.mind-elixir .node-menu .size-selected svg {
.map-container .node-menu .size-selected svg {
color: #fff
}
.mind-elixir .node-menu .bof {
.map-container .node-menu .bof {
text-align: center
}
.mind-elixir .node-menu .bof span {
.map-container .node-menu .bof span {
display: inline-block;
font-size: 14px;
border-radius: 4px;
padding: 2px 5px
}
.mind-elixir .node-menu .bof .selected {
.map-container .node-menu .bof .selected {
background-color: tomato;
color: #fff
}