extern/heynote
1
0
Fork 0
mirror of https://github.com/heyman/heynote.git synced 2024-12-25 08:09:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Design pixel push

Browse Source
This commit is contained in:
Jonatan Heyman 2023-01-12 17:05:22 +01:00
parent ee9e44028c
commit 185dc25078
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
heynote-codemirror/src/block/note-block.js
View File

@ -189,9 +189,11 @@ const blockLayer = layer({
markers.push(new RectangleMarker(
idx++ % 2 == 0 ? "block-even" : "block-odd",
0,
fromCoordsTop - (view.documentTop - view.documentPadding.top) - 1 - 6,
// Change "- 0 - 6" to "+ 1 - 6" on the following line, and "+ 1 + 13" to "+2 + 13" on the line below,
// in order to make the block backgrounds to have no gap between them
fromCoordsTop - (view.documentTop - view.documentPadding.top) - 0 - 6,
null, // width is set to 100% in CSS
(toCoordsBottom - fromCoordsTop) + 2 + 13,
(toCoordsBottom - fromCoordsTop) + 1 + 13,
))
})
return markers

7
heynote-codemirror/src/styles.css
View File

@ -24,7 +24,7 @@ body {
.blocks-layer .block-even {
width: 100%;
background: #232537;
background: #252B37;
}
.blocks-layer .block-odd {
width: 100%;
@ -32,11 +32,10 @@ body {
}
.light-theme .blocks-layer .block-even {
background: #fffae7;
background: #ffffff;
}
.light-theme .blocks-layer .block-odd {
//background: #f5f9f6;
background: #e0f0e4;
background: #f4f8f4;
}
.block-start {

6
heynote-codemirror/src/theme/light.js
View File

@ -3,7 +3,7 @@ import { EditorView } from "@codemirror/view";
export const heynoteLight = EditorView.theme({
"&": {
//color: base04,
backgroundColor: "#f5f5f5",
backgroundColor: "#dfdfdf",
},
".cm-content": {
//caretColor: cursor,
@ -13,10 +13,10 @@ export const heynoteLight = EditorView.theme({
borderLeftColor: "#000",
},
".cm-gutters": {
backgroundColor: "transparent",
backgroundColor: "rgba(0,0,0, 0.04)",
color: "rgba(0,0,0, 0.25)",
border: "none",
borderRight: "1px solid rgba(0,0,0, 0.07)",
borderRight: "1px solid rgba(0,0,0, 0.05)",
},
".cm-activeLineGutter": {
backgroundColor: "transparent",