Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
ransome
sleek
Commits
d1676362
Commit
d1676362
authored
May 30, 2021
by
ransome1
Browse files
Added Simplified Chinese
parent
c80116a3
Changes
11
Expand all
Hide whitespace changes
Inline
Side-by-side
package.json
View file @
d1676362
{
"name"
:
"sleek"
,
"productName"
:
"sleek"
,
"version"
:
"1.0.5-
4
"
,
"version"
:
"1.0.5-
5
"
,
"description"
:
"Todo app based on todo.txt for Linux, Windows and MacOS, free and open-source"
,
"synopsis"
:
"Todo app based on todo.txt for Linux, Windows and MacOS, free and open-source"
,
"category"
:
"ProjectManagement"
,
...
...
src/css/dark.css
View file @
d1676362
...
...
@@ -336,6 +336,10 @@ nav ul li.is-highlighted a {
border-color
:
#2d2d2d
;
}
.column.content
.button
{
background
:
#2d2d2d
!important
;
}
.modal.content
{
color
:
#CCCDCF
!important
;
}
...
...
src/css/dark.css.map
View file @
d1676362
{"version":3,"sourceRoot":"","sources":["../scss/dark.scss","../scss/variables.scss"],"names":[],"mappings":"AAGA;EACE,kBCOa;EDNb;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;AAAA;EAGE,OCZa;;;ADcf;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;AACA;AAAA;EACE;;;AAGJ;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE,kBC3EY;;AD4EZ;EACE,OCjFW;;ADoFX;EACE;;AAGA;EACE,OCzFO;ED0FP;;AAEF;AAAA;EAEE,OC9FO;ED+FP;EACA,kBC3FW;;AD8Ff;EACE,OCpGS;EDqGT;EACA,kBCjGa;;;ADuGf;EACE;;AAEF;EACE;;;AAIN;EACE,kBC/Ga;;ADgHb;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE,kBC7He;;AD+HjB;EACE,OCrIW;;ADuIb;EACE;;AAGA;EACE,OC7IS;;ADgJb;EACE,cC3Ie;;AD4If;EACE,OClJS;;ADoJX;EACE;;AAEF;EACE,OCxJS;;AD0JX;EACE;;AACA;EACE,OCxJW;;AD2Jf;AAAA;EAEE,OC1JY;;AD2JZ;AAAA;EACE;;AAIF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE,OCtLO;EDuLP;;AAGJ;EACE,OC3LS;;AD6LX;EACE,YCzLa;ED0Lb;;AAEF;EACE,YC9LQ;;;ADmMZ;EACE;EACA;EACA;;AAEF;EACE;;AAGA;AAAA;AAAA;AAAA;EAIE;;AAEF;EACE,YClNa;;;ADuNjB;AAAA;EAEE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE,YCrOU;;ADsOV;EACE,cCrOS;;;ADyOf;EACE,YC3OiB;;AD4OjB;EACE,OClPW;;;ADsPb;EACE;;AACA;EACE;;AAIJ;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE,YCpQe;;ADqQf;EACE;EACA;;AAGJ;EACE;;;AAIF;EACE,OCxQoB;EDyQpB;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;;AAIF;EACE,OCrRoB;EDsRpB;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;;AAIF;EACE;;;AAKA;EACE,kBCpTM;;ADsTR;EACE;;AAEF;EACE;;AAEF;EACE;;;AAMF;EACE,YClUa;EDmUb,OCxUS;;ADyUT;EACE;;AAEF;AACE;AAAA;AAAA;;AAIF;AAAA;EAEE,cC/UM;;;ADoVd;EACE;;AACA;EACE;;AAEF;EACE;;AAEF;AAAA;AAAA;EAGE;EACA;;AAEF;EACE;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE,YC3We;ED4Wf;;AAEF;AAAA;EAEE;;AAEF;AAAA;AAAA;EAGE;;AAEF;EACE;;AAEF;EACE;EACA,cC9XQ;;ADgYV;EACE,cCpYW;;ADsYb;EACE;EACA,cCxYW;;;AD2Yf;EACE;;AACA;EACE,OC9YW;ED+YX;;AACA;EACE;;;AAKJ;AAAA;AAAA;EAGE;EACA;EACA;;;AAGJ;EACE;;AACA;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EAEE;;AAEF;EACE,YCxaU;EDyaV;;AACA;AAAA;AAAA;EAGE;EACA;;AAEF;EACE;;AAEF;AAAA;EAEE,OCrbQ;EDsbR;;AAEF;AAAA;EAEE,OC1bQ;ED2bR,YC/bS;;;ADocb;EACE;;AAEF;AAAA;EAEE,OCzcW","file":"dark.css"}
\ No newline at end of file
{"version":3,"sourceRoot":"","sources":["../scss/dark.scss","../scss/variables.scss"],"names":[],"mappings":"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","file":"dark.css"}
\ No newline at end of file
src/css/style.css
View file @
d1676362
...
...
@@ -28,6 +28,10 @@ button, button:focus, button:active, button:active, button:after, button::before
box-shadow
:
none
!important
;
}
.button
i
{
color
:
#3273dc
;
}
.is-hidden
{
display
:
none
!important
;
}
...
...
@@ -43,7 +47,7 @@ button, button:focus, button:active, button:active, button:after, button::before
color
:
#4a4a4a
;
}
.button.is-link
svg
{
.button.is-link
i
{
color
:
white
;
}
...
...
@@ -150,13 +154,12 @@ strong {
font-weight
:
normal
!important
;
}
svg
{
color
:
#3273dc
;
}
/*svg {
color: $has-text-link;
}*/
code
,
pre
{
font-family
:
SFMono-Regular
,
Consolas
,
Liberation
Mono
,
Menlo
,
monospace
!important
;
background-color
:
#ebebeb
;
background-color
:
#ebebeb
!important
;
color
:
inherit
!important
;
}
...
...
@@ -184,9 +187,9 @@ nav ul li a {
line-height
:
5em
;
text-align
:
center
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
}
nav
ul
li
a
svg
{
color
:
inherit
;
/*svg {
color: inherit;
}*/
}
nav
ul
li
a
:focus
{
background
:
#ebebeb
;
...
...
@@ -282,8 +285,7 @@ nav ul:nth-child(2) {
#errorContainer
p
{
margin
:
0.1em
0
;
}
#errorContainer
.button
,
#errorContainer
svg
{
#errorContainer
.button
{
color
:
white
;
}
...
...
@@ -335,9 +337,9 @@ nav ul:nth-child(2) {
background
:
#ebebeb
;
border-radius
:
50%
;
cursor
:
pointer
;
}
#drawerContainer
a
.drawerClose
svg
{
color
:
#4a4a4a
;
/*svg {
color: $dark-grey;
}*/
}
#drawerContainer
.drawer
{
width
:
100%
;
...
...
@@ -391,6 +393,9 @@ nav ul:nth-child(2) {
margin-bottom
:
1.5em
;
cursor
:
pointer
;
}
#drawerContainer
.drawer
h4
.is-4
i
{
color
:
#3273dc
;
}
#drawerContainer
.drawer
.dropdown-item
{
width
:
100%
;
padding
:
0
;
...
...
@@ -437,15 +442,15 @@ nav ul:nth-child(2) {
position
:
sticky
;
top
:
0
;
z-index
:
45
;
/*.icon.is-left svg,
.icon.is-right svg {
color: $dark-grey;
}*/
}
#todoTableSearchContainer
.icon.is-left
{
top
:
0.65em
;
left
:
0.65em
;
}
#todoTableSearchContainer
.icon.is-left
svg
,
#todoTableSearchContainer
.icon.is-right
svg
{
color
:
#4a4a4a
;
}
#todoTableSearchContainer
.is-active
{
display
:
block
;
...
...
@@ -493,9 +498,9 @@ nav ul:nth-child(2) {
margin-top
:
0.5em
;
border
:
none
;
font-family
:
FreeSansBold
;
}
#todoTable
.flex-table.group
svg
{
color
:
inherit
;
/*svg {
color: inherit;
}*/
}
#todoTable
.flex-table.group
.button
{
cursor
:
default
;
...
...
@@ -596,9 +601,9 @@ nav ul:nth-child(2) {
text-align
:
center
;
text-transform
:
lowercase
;
}
#todoTable
.flex-table
.flex-row.itemDueDate
svg
.fa-sort-down
{
#todoTable
.flex-table
.flex-row.itemDueDate
.fa-sort-down
{
position
:
absolute
;
right
:
0.2
65
em
;
right
:
0.2em
;
bottom
:
2.75em
;
display
:
none
;
}
...
...
@@ -658,8 +663,8 @@ nav ul:nth-child(2) {
#todoTable
.flex-table
.flex-row
:focus
.tags
{
display
:
block
;
}
#todoTable
.flex-table
.flex-row
:hover
svg
.fa-sort-down
,
#todoTable
.flex-table
.flex-row
:focus
svg
.fa-sort-down
{
#todoTable
.flex-table
.flex-row
:hover
i
.fa-sort-down
,
#todoTable
.flex-table
.flex-row
:focus
i
.fa-sort-down
{
display
:
block
;
}
#todoTable
.flex-table
.flex-row.todoTableItemMore
{
...
...
@@ -706,6 +711,10 @@ nav ul:nth-child(2) {
cursor
:
pointer
;
pointer-events
:
all
;
}
#modalForm
#modalFormInputHelp
i
,
#modalForm
#modalFormInputResize
i
{
color
:
#3273dc
;
}
#modalForm
.card-header-title
{
font-family
:
"FreeSansBold"
;
}
...
...
@@ -716,6 +725,9 @@ nav ul:nth-child(2) {
#modalForm
.is-active
{
display
:
block
;
}
#modalForm
.icon
{
color
:
#3273dc
;
}
#modalForm
.field
{
width
:
auto
;
float
:
left
;
...
...
@@ -816,7 +828,7 @@ nav ul:nth-child(2) {
padding
:
0.25em
;
text-decoration
:
none
;
}
.contentContainer
.btnOnboarding
svg
{
.contentContainer
.btnOnboarding
i
{
font-size
:
5em
;
margin
:
0.25em
0
;
}
...
...
@@ -1054,11 +1066,11 @@ nav ul:nth-child(2) {
left
:
-0.8em
;
}
.modal.content
.modal-card-body
table
.settings
tr
td
:first-child
{
width
:
80%
;
padding-right
:
3em
;
}
.modal.content
.modal-card-body
table
.settings
tr
td
:last-child
{
min-width
:
12em
;
text-align
:
center
;
width
:
20%
;
}
.modal.content
.modal-card-body
table
.shortcuts
td
.tag
{
font-size
:
1em
!important
;
...
...
@@ -1114,15 +1126,19 @@ nav ul:nth-child(2) {
bottom
:
1em
;
z-index
:
40
;
}
.messages
i
{
color
:
#3273dc
;
}
.messages
.message
{
display
:
none
;
}
.messages
.message.is-active
{
display
:
block
;
}
.messages
.message.is-active
.message-body
.brands
svg
{
.messages
.message.is-active
.message-body
.brands
i
{
font-size
:
2.25em
;
margin-right
:
0.2em
;
color
:
#3273dc
;
}
.messages
.button
{
margin-top
:
0.5em
;
...
...
@@ -1154,8 +1170,8 @@ body.compact #todoTable .flex-table .flex-row.itemDueDate .tags {
top
:
-1.9em
;
right
:
-1.9em
;
}
body
.compact
#todoTable
.flex-table
.flex-row.itemDueDate
svg
.fa-sort-down
{
right
:
0.2
25
em
;
body
.compact
#todoTable
.flex-table
.flex-row.itemDueDate
i
.fa-sort-down
{
right
:
0.2em
;
bottom
:
1.75em
;
}
body
.compact
#todoTable
.flex-table.group
{
...
...
@@ -5590,7 +5606,7 @@ button.dropdown-item.is-active {
.modal-card
{
margin
:
0
auto
;
max-height
:
calc
(
100vh
-
40px
);
width
:
900px
;
width
:
80%
;
}
}
...
...
src/css/style.css.map
View file @
d1676362
This diff is collapsed.
Click to expand it.
src/index.html
View file @
d1676362
...
...
@@ -7,6 +7,10 @@
<title
id=
"title"
>
sleek
</title>
<link
rel=
"stylesheet"
href=
"css/style.css"
>
<link
rel=
"stylesheet"
id=
"themeLink"
href=
""
>
<link
href=
"../node_modules/@fortawesome/fontawesome-free/css/fontawesome.css"
rel=
"stylesheet"
>
<link
href=
"../node_modules/@fortawesome/fontawesome-free/css/brands.css"
rel=
"stylesheet"
>
<link
href=
"../node_modules/@fortawesome/fontawesome-free/css/solid.css"
rel=
"stylesheet"
>
<link
href=
"../node_modules/@fortawesome/fontawesome-free/css/regular.css"
rel=
"stylesheet"
>
</head>
<body
id=
"body"
>
<div
class=
"columns is-gapless is-mobile"
>
...
...
@@ -555,46 +559,46 @@
</tr>
<tr>
<td
id=
"helpTabKeyboardTR5TD1"
></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
O
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
O
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
O
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
O
</span></td>
</tr>
<tr>
<td
id=
"helpTabKeyboardTR11TD1"
></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
C
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
C
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
C
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
C
</span></td>
</tr>
<tr>
<th
colspan=
"3"
><h5
class=
"title is-5"
style=
"margin-top: .75em;"
>
While adding/editing todos
</h5></th>
</tr>
<tr>
<td
id=
"helpTabKeyboardTR7TD1"
></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
A-Z
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
A-Z
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
A-Z
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
A-Z
</span></td>
</tr>
<tr>
<td>
Increase/decrease priority
</td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
</tr>
<tr>
<td>
Clear priority
</td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
</tr>
<tr>
<td>
Increase/decrease due date
</td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Up/Down
</span></td>
</tr>
<tr>
<td>
Clear due date
</td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd + Alt
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Right/Left
</span></td>
</tr>
<tr>
<td
id=
"helpTabKeyboardTR10TD1"
></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Enter
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Enter
</span></td>
<td><span
class=
"tag is-dark is-large"
>
Ctrl
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Enter
</span></td>
<td><span
class=
"tag is-dark is-large"
>
cmd
</span>
<i
class=
"fas fa-plus"
></i>
<span
class=
"tag is-info is-large"
>
Enter
</span></td>
</tr>
</table>
</section>
...
...
@@ -703,9 +707,5 @@
<script
defer
src=
"../node_modules/jstodotxt/jsTodoTxt.js"
></script>
<script
defer
src=
"../node_modules/marked/marked.min.js"
></script>
<script
defer
type=
"module"
src=
"render.js"
></script>
<script
defer
src=
"../node_modules/@fortawesome/fontawesome-free/js/fontawesome.min.js"
></script>
<script
defer
src=
"../node_modules/@fortawesome/fontawesome-free/js/solid.min.js"
></script>
<script
defer
src=
"../node_modules/@fortawesome/fontawesome-free/js/regular.min.js"
></script>
<script
defer
src=
"../node_modules/@fortawesome/fontawesome-free/js/brands.min.js"
></script>
</body>
</html>
src/js/filters.mjs
View file @
d1676362
...
...
@@ -270,7 +270,6 @@ function selectFilter(filter, category) {
function
generateFilterButtons
(
category
,
autoCompleteValue
,
autoCompletePrefix
,
caretPosition
)
{
try
{
selectedFilters
=
new
Array
;
if
(
userData
.
selectedFilters
&&
userData
.
selectedFilters
.
length
>
0
)
selectedFilters
=
JSON
.
parse
(
userData
.
selectedFilters
);
// creates a div for the specific filter section
let
todoFiltersContainer
=
document
.
createElement
(
"
div
"
);
...
...
@@ -302,9 +301,7 @@ function generateFilterButtons(category, autoCompleteValue, autoCompletePrefix,
hideFilterCategories
=
[...
new
Set
(
hideFilterCategories
.
join
(
"
,
"
).
split
(
"
,
"
))];
}
setUserData
(
"
hideFilterCategories
"
,
hideFilterCategories
)
generateGroups
(
items
.
filtered
).
then
(
function
(
groups
)
{
generateTable
(
groups
);
});
startBuilding
();
}
// add the headline before category container
todoFiltersContainer
.
appendChild
(
todoFilterHeadline
);
...
...
src/render.js
View file @
d1676362
...
...
@@ -73,9 +73,7 @@ let
translations
,
userData
,
view
;
// ########################################################################################################################
// FUNCTIONS
// ########################################################################################################################
function
configureMatomo
()
{
try
{
if
(
!
userData
.
uid
)
{
...
...
@@ -821,7 +819,7 @@ function setFriendlyLanguageNames() {
friendlyLanguageName
=
"
Français
"
break
;
case
"
cn
"
:
friendlyLanguageName
=
"
Simplified Chinese
"
friendlyLanguageName
=
"
简体中文
"
break
;
default
:
return
;
...
...
@@ -909,8 +907,9 @@ function showFiles() {
}
else
{
cell1
.
innerHTML
=
"
<button class=
\"
button is-link
\"
>
"
+
translations
.
select
+
"
</button>
"
;
cell1
.
onclick
=
function
()
{
window
.
api
.
send
(
"
startFileWatcher
"
,
this
.
parentElement
.
getAttribute
(
"
data-path
"
)
);
setUserData
(
"
selectedFilters
"
,
[]
);
resetModal
().
then
(
response
=>
{
window
.
api
.
send
(
"
startFileWatcher
"
,
this
.
parentElement
.
getAttribute
(
"
data-path
"
));
console
.
info
(
response
);
}).
catch
(
error
=>
{
handleError
(
error
);
...
...
src/scss/dark.scss
View file @
d1676362
...
...
@@ -347,6 +347,11 @@ nav {
}
}
}
.column.content
{
.button
{
background
:
$darker-grey
!
important
;
}
}
.modal.content
{
color
:
$lighter-grey
!
important
;
.button
{
...
...
src/scss/style.scss
View file @
d1676362
...
...
@@ -25,6 +25,9 @@ button, button:focus, button:active, button:active, button:after, button::before
border
:
none
!
important
;
box-shadow
:
none
!
important
;
}
.button
i
{
color
:
$has-text-link
;
}
.is-hidden
{
display
:
none
!
important
;
}
...
...
@@ -37,7 +40,7 @@ button, button:focus, button:active, button:active, button:after, button::before
border
:
1px
solid
$mid-grey
!
important
;
color
:
$dark-grey
;
}
.button.is-link
svg
{
.button.is-link
i
{
color
:
white
;
}
table
{
...
...
@@ -134,12 +137,12 @@ strong {
font-family
:
"FreeSansBold"
;
font-weight
:
normal
!
important
;
}
svg
{
/*
svg {
color: $has-text-link;
}
}
*/
code
,
pre
{
font-family
:
SFMono-Regular
,
Consolas
,
Liberation
Mono
,
Menlo
,
monospace
!
important
;
background-color
:
$light-grey
;
background-color
:
$light-grey
!
important
;
color
:
inherit
!
important
;
}
nav
{
...
...
@@ -164,9 +167,9 @@ nav {
line-height
:
5em
;
text-align
:
center
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0
.05
);
svg
{
/*
svg {
color: inherit;
}
}
*/
}
li
a
:focus
{
background
:
$light-grey
;
...
...
@@ -259,8 +262,7 @@ nav {
p
{
margin
:
.1em
0
;
}
.button
,
svg
{
.button
{
color
:
white
;
}
}
...
...
@@ -310,9 +312,9 @@ nav {
background
:
$light-grey
;
border-radius
:
50%
;
cursor
:
pointer
;
svg
{
/*
svg {
color: $dark-grey;
}
}
*/
}
.drawer
{
width
:
100%
;
...
...
@@ -346,6 +348,9 @@ nav {
font-family
:
FreeSansBold
;
margin-bottom
:
1
.5em
;
cursor
:
pointer
;
i
{
color
:
$has-text-link
;
}
}
.dropdown-item
{
width
:
100%
;
...
...
@@ -413,10 +418,10 @@ nav {
top
:
.65em
;
left
:
.65em
;
}
.icon.is-left
svg
,
/*
.icon.is-left svg,
.icon.is-right svg {
color: $dark-grey;
}
}
*/
}
#todoTableSearchContainer
.is-active
{
display
:
block
;
...
...
@@ -462,9 +467,9 @@ nav {
margin-top
:
.5em
;
border
:
none
;
font-family
:
FreeSansBold
;
svg
{
/*
svg {
color: inherit;
}
}
*/
.button
{
cursor
:
default
;
height
:
auto
;
...
...
@@ -554,11 +559,9 @@ nav {
background
:
$has-text-warning
;
}
.flex-row
.contexts
{
//color: $sleek-contexts-button-font;
background
:
$sleek-contexts-button
;
}
.flex-row
.projects
{
//color: $sleek-projects-button-font;
background
:
$sleek-projects-button
;
}
...
...
@@ -571,9 +574,9 @@ nav {
padding
:
1em
0
;
text-align
:
center
;
text-transform
:
lowercase
;
svg
.fa-sort-down
{
.fa-sort-down
{
position
:
absolute
;
right
:
.2
65
em
;
right
:
.2em
;
bottom
:
2
.75em
;
display
:
none
;
}
...
...
@@ -593,7 +596,6 @@ nav {
}
.flex-row.isToday
,
.flex-row.isToday
.button
{
//padding: 0;
color
:
$has-text-danger
;
.tags
.is-dark
{
background
:
$has-text-danger
;
...
...
@@ -605,7 +607,6 @@ nav {
}
.flex-row.isTomorrow
,
.flex-row.isTomorrow
.button
{
//padding: 0;
color
:
$has-text-attention
;
.tags
.is-dark
{
background
:
$has-text-attention
;
...
...
@@ -617,7 +618,6 @@ nav {
}
.flex-row.isPast
,
.flex-row.isPast
.button
{
//padding: 0;
color
:
$has-text-danger
;
.tags
.is-dark
{
background
:
$has-text-danger
;
...
...
@@ -632,7 +632,7 @@ nav {
.tags
{
display
:
block
;
}
svg
.fa-sort-down
{
i
.fa-sort-down
{
display
:
block
;
}
}
...
...
@@ -684,6 +684,9 @@ nav {
z-index
:
60
;
cursor
:
pointer
;
pointer-events
:
all
;
i
{
color
:
$has-text-link
;
}
}
.card-header-title
{
font-family
:
"FreeSansBold"
;
...
...
@@ -695,6 +698,9 @@ nav {
.is-active
{
display
:
block
;
}
.icon
{
color
:
$has-text-link
;
}
.field
{
width
:
auto
;
float
:
left
;
...
...
@@ -790,7 +796,7 @@ nav {
padding
:
.25em
;
text-decoration
:
none
;
}
.btnOnboarding
svg
{
.btnOnboarding
i
{
font-size
:
5em
;
margin
:
.25em
0
;
}
...
...
@@ -997,7 +1003,7 @@ nav {
}
.modal-card
{
z-index
:
60
;
background
:
#ebebeb
;
background
:
$light-grey
;
padding
:
0
2em
;
border-radius
:
0
.25rem
;
}
...
...
@@ -1028,12 +1034,11 @@ nav {
}
}
table
.settings
tr
td
:first-child
{
//
width: 80%;
width
:
80%
;
padding-right
:
3em
;
}
table
.settings
tr
td
:last-child
{
min-width
:
12em
;
text-align
:
center
;
width
:
20%
;
}
table
.shortcuts
td
{
.tag
{
...
...
@@ -1094,14 +1099,18 @@ nav {
right
:
2em
;
bottom
:
1em
;
z-index
:
40
;
i
{
color
:
$has-text-link
;
}
.message
{
display
:
none
;
}
.message.is-active
{
display
:
block
;
.message-body
.brands
svg
{
.message-body
.brands
i
{
font-size
:
2
.25em
;
margin-right
:
.2em
;
color
:
$has-text-link
;
}
}
.button
{
...
...
@@ -1136,8 +1145,8 @@ body.compact {
top
:
-1
.9em
;
right
:
-1
.9em
;
}
svg
.fa-sort-down
{
right
:
.2
25
em
;
i
.fa-sort-down
{
right
:
.2em
;
bottom
:
1
.75em
;
}
}
...
...
src/scss/variables.scss
View file @
d1676362
...
...
@@ -23,4 +23,4 @@ $modal-background-background-color: rgba(0, 0, 0, 0.25);
$modal-z
:
50
;
$family-sans-serif
:
"FreeSans"
,
Helvetica
,
Arial
,
"Noto Sans"
,
"DejaVu Sans"
,
sans-serif
;