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": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/wiki-list-editor/-/wiki-list-editor-0.5.0.tgz",
"integrity": "sha512-EHoaKrpnM/eq5lJrHDxkSyJZ/awNfRKiFg7PlJRO7FLa4EKmSS7drOFd5GRTjzUaO2M9rOQ29GWP09YkECvWqA==",
"version": "0.5.3",
"resolved": "https://registry.npmjs.org/wiki-list-editor/-/wiki-list-editor-0.5.3.tgz",
"integrity": "sha512-4hzqnHb+RsX0SFPjLelsZN1TbU5KQVi+UQPrW2upJiyJ6T09yifajYAdWyf+q2R0bPSiwBQYoMp5w5JG3L7z6Q==",
"requires": {
"dragula": "^3.7.2",
"jquery": "^3.5.1",

2
editor/package.json
View File

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

80
editor/src/styles.scss
View File

@ -1,12 +1,27 @@
@import "~bulma";
html { font-family: 'Inter', sans-serif; }
body { font-family: 'Inter', sans-serif; }
input.input-line { font-family: 'Inter', sans-serif; }
html {
font-family: 'Inter', sans-serif;
}
body {
font-family: 'Inter', sans-serif;
}
.input-line {
font-family: 'Inter', sans-serif;
}
@supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif; }
body { font-family: 'Inter var', sans-serif; }
input.input-line { font-family: 'Inter var', sans-serif; }
html {
font-family: 'Inter var', sans-serif;
}
body {
font-family: 'Inter var', sans-serif;
}
.input-line {
font-family: 'Inter var', sans-serif;
}
}
#editor {
@ -27,17 +42,50 @@ input.input-line { font-family: 'Inter', sans-serif; }
display: none;
}
.list-item {
border: none;
padding: 2px 0px;
.marker {
display: inline-block;
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,
input.input-line:focus {
width: 100%;
box-shadow: none;
border: none;
height: initial;
textarea {
box-sizing: border-box;
min-height: 19px;
overflow-x: hidden;
border: none;
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 {