Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 05:19:39 +02:00
Code Issues Releases Activity

feat(editor): provide yaml validation for docker compose in the portainer web editor [BE-11697] (#526)

Browse source
This commit is contained in:
Ali 2025-03-27 17:11:55 +13:00 • committed by GitHub
parent 0ebfe047d1
commit 81c5f4acc3
27 changed files with 2046 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/react/components/CodeEditor.module.css
View file

@ -11,6 +11,8 @@
--bg-codemirror-gutters-color: var(--grey-17);
--bg-codemirror-selected-color: var(--grey-22);
--border-codemirror-cursor-color: var(--black-color);
--bg-tooltip-color: var(--white-color);
--text-tooltip-color: var(--black-color);
}
:global([theme='dark']) .root {
@ -24,6 +26,8 @@
--bg-codemirror-gutters-color: var(--grey-3);
--bg-codemirror-selected-color: var(--grey-3);
--border-codemirror-cursor-color: var(--white-color);
--bg-tooltip-color: var(--grey-3);
--text-tooltip-color: var(--white-color);
}
:global([theme='highcontrast']) .root {
@ -37,6 +41,8 @@
--bg-codemirror-gutters-color: var(--ui-gray-warm-11);
--bg-codemirror-selected-color: var(--grey-3);
--border-codemirror-cursor-color: var(--white-color);
--bg-tooltip-color: var(--black-color);
--text-tooltip-color: var(--white-color);
}
.root :global(.cm-editor .cm-gutters) {
@ -138,3 +144,21 @@
.root :global(.cm-panel.cm-search label) {
@apply text-xs;
}
/* Tooltip styles for all themes */
.root :global(.cm-tooltip) {
@apply bg-white border border-solid border-gray-5 shadow-md text-xs rounded h-min;
@apply th-dark:bg-gray-9 th-dark:border-gray-7 th-dark:text-white;
@apply th-highcontrast:bg-black th-highcontrast:border-gray-7 th-highcontrast:text-white;
}
/* Hide the completionInfo tooltip when it's empty */
/* note: I only chose the complicated selector because the simple selector `.cm-tooltip.cm-completionInfo:empty` didn't work */
.root :global(.cm-tooltip.cm-completionInfo:not(:has(*:not(:empty)))) {
display: none;
}
/* Active line gutter styles for all themes */
.root :global(.cm-activeLineGutter) {
@apply bg-inherit;
}