peter/wiki
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use auto resize textarea instead text input
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Peter Stuifzand 2020-05-24 00:13:56 +02:00
parent 62d13f3472
commit 38764b278a
3 changed files with 68 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
editor/package-lock.json generated
View File

@ -7538,9 +7538,9 @@
} }
}, },
"wiki-list-editor": { "wiki-list-editor": {
"version": "0.5.0", "version": "0.5.3",
"resolved": "https://registry.npmjs.org/wiki-list-editor/-/wiki-list-editor-0.5.0.tgz", "resolved": "https://registry.npmjs.org/wiki-list-editor/-/wiki-list-editor-0.5.3.tgz",
"integrity": "sha512-EHoaKrpnM/eq5lJrHDxkSyJZ/awNfRKiFg7PlJRO7FLa4EKmSS7drOFd5GRTjzUaO2M9rOQ29GWP09YkECvWqA==", "integrity": "sha512-4hzqnHb+RsX0SFPjLelsZN1TbU5KQVi+UQPrW2upJiyJ6T09yifajYAdWyf+q2R0bPSiwBQYoMp5w5JG3L7z6Q==",
"requires": { "requires": {
"dragula": "^3.7.2", "dragula": "^3.7.2",
"jquery": "^3.5.1", "jquery": "^3.5.1",

2
editor/package.json
View File

@ -18,7 +18,7 @@
"node-sass": "^4.14.1", "node-sass": "^4.14.1",
"sass-loader": "^7.3.1", "sass-loader": "^7.3.1",
"style-loader": "^1.0.0", "style-loader": "^1.0.0",
"wiki-list-editor": "^0.5.0" "wiki-list-editor": "^0.5.3"
}, },
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1", "test": "echo \"Error: no test specified\" && exit 1",

80
editor/src/styles.scss
View File

@ -1,12 +1,27 @@
@import "~bulma"; @import "~bulma";
html { font-family: 'Inter', sans-serif; } html {
body { font-family: 'Inter', sans-serif; } font-family: 'Inter', sans-serif;
input.input-line { font-family: 'Inter', sans-serif; } }
body {
font-family: 'Inter', sans-serif;
}
.input-line {
font-family: 'Inter', sans-serif;
}
@supports (font-variation-settings: normal) { @supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif; } html {
body { font-family: 'Inter var', sans-serif; } font-family: 'Inter var', sans-serif;
input.input-line { font-family: 'Inter var', sans-serif; } }
body {
font-family: 'Inter var', sans-serif;
}
.input-line {
font-family: 'Inter var', sans-serif;
}
} }
#editor { #editor {
@ -27,17 +42,50 @@ input.input-line { font-family: 'Inter', sans-serif; }
display: none; display: none;
} }
.list-item { .marker {
border: none; display: inline-block;
padding: 2px 0px;
width: 16px;
height: 16px;
align-self: first baseline;
flex-shrink: 0;
margin-right: 4px;
margin-top: 4px;
border-radius: 50%;
border: 4px solid white;
background: black;
} }
input.input-line,
input.input-line:active, textarea {
input.input-line:focus { box-sizing: border-box;
width: 100%; min-height: 19px;
box-shadow: none; overflow-x: hidden;
border: none; border: none;
height: initial; resize: none;
line-height: 24px;
}
.marker:hover {
border-color: #ccc;
}
.list-item {
border: none;
padding: 2px 0px;
}
.input-line,
.input-line:active,
.input-line:focus {
width: 100%;
box-shadow: none;
border: none;
min-height: 19px;
word-break: break-word;
} }
.codex-editor .icon { .codex-editor .icon {