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