gsadmin/headplane
1
0
Fork 0
mirror of https://github.com/tale/headplane.git synced 2026-08-10 22:06:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: de-uglify the ACL editor

Browse Source
This commit is contained in:
Aarnav Tale
2026-04-10 21:00:52 -04:00
parent 724e454466
commit c030d1fbe4
8 changed files with 213 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/tailwind.css
+60 -10
View File
@@ -61,11 +61,61 @@
}
}
.cm-merge-theme {
height: 100% !important;
:root {
--cm-bg: var(--color-white);
--cm-fg: var(--color-mist-900);
--cm-caret: var(--color-mist-900);
--cm-selection: var(--color-indigo-100);
--cm-selection-match: var(--color-indigo-50);
--cm-line-highlight: var(--color-mist-100);
--cm-gutter-bg: var(--color-mist-50);
--cm-gutter-fg: var(--color-mist-400);
--cm-gutter-fg-active: var(--color-mist-700);
--cm-gutter-border: var(--color-mist-200);
--cm-comment: var(--color-mist-500);
--cm-keyword: var(--color-purple-600);
--cm-string: var(--color-emerald-700);
--cm-type: var(--color-indigo-600);
--cm-definition: var(--color-blue-600);
--cm-name: var(--color-mist-800);
--cm-variable: var(--color-cyan-700);
--cm-property: var(--color-violet-600);
--cm-atom: var(--color-orange-600);
--cm-number: var(--color-orange-600);
--cm-link: var(--color-blue-600);
--cm-bracket: var(--color-mist-500);
}
.cm-mergeView {
@media (prefers-color-scheme: dark) {
:root {
--cm-bg: var(--color-mist-950);
--cm-fg: var(--color-mist-100);
--cm-caret: var(--color-mist-100);
--cm-selection: var(--color-indigo-900);
--cm-selection-match: var(--color-indigo-950);
--cm-line-highlight: oklch(18% 0.006 224 / 0.5);
--cm-gutter-bg: var(--color-mist-950);
--cm-gutter-fg: var(--color-mist-500);
--cm-gutter-fg-active: var(--color-mist-300);
--cm-gutter-border: var(--color-mist-800);
--cm-comment: var(--color-mist-400);
--cm-keyword: var(--color-purple-400);
--cm-string: var(--color-emerald-400);
--cm-type: var(--color-indigo-400);
--cm-definition: var(--color-blue-400);
--cm-name: var(--color-mist-200);
--cm-variable: var(--color-cyan-400);
--cm-property: var(--color-violet-400);
--cm-atom: var(--color-orange-400);
--cm-number: var(--color-orange-400);
--cm-link: var(--color-blue-400);
--cm-bracket: var(--color-mist-400);
}
}
.cm-merge-theme,
.cm-mergeView,
.cm-mergeViewEditor {
height: 100% !important;
}
@@ -73,10 +123,6 @@
height: 100%;
}
.cm-mergeViewEditor {
height: 100% !important;
}
.toast-viewport {
position: fixed;
z-index: 50;
@@ -177,8 +223,12 @@
}
}
/* Weirdest class name characters but ok */
.cm-mergeView .ͼ1 .cm-scroller,
.cm-mergeView .ͼ1 {
.cm-mergeView .cm-editor,
.cm-mergeView .cm-editor .cm-scroller {
height: 100% !important;
}
.cm-mergeViewEditors {
scrollbar-color: var(--cm-gutter-border) transparent;
scrollbar-width: auto;
}