Commit 7f5f6c8e authored by ransome1's avatar ransome1
Browse files

Context Menu replaced more button, Win/Mac badge, new dock icon on MacOS

parent 1e1beaa3
......@@ -23,3 +23,4 @@ src/__tests__
.eslintrc.json
build/
test/
package-lock.json
{
"extends": "stylelint-config-sass-guidelines"
}
No preview for this file type
{
"name": "sleek",
"productName": "sleek",
"version": "1.0.5",
"version": "1.0.6-1",
"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",
......@@ -15,7 +15,7 @@
"copyright": "Copyright © 2021 ${author}",
"license": "MIT",
"repository": "https://github.com/ransome1/sleek/",
"icon": "assets/icons/icon.png",
"icon": "assets/icons/sleek.png",
"main": "src/main.js",
"buildResources": "src",
"build": {
......@@ -41,7 +41,7 @@
],
"appId": "RobinAhle.sleektodomanager",
"linux": {
"icon": "assets/icons/icon.png",
"icon": "assets/icons/sleek.png",
"category": "ProjectManagement",
"target": [
"deb",
......@@ -69,7 +69,6 @@
"nsis"
],
"icon": "assets/icons/sleek.ico",
"publisherName": "CN=2B3D4037-FF2E-4C36-84A6-CFF49F585C0C",
"artifactName": "${productName}-${version}-win.${ext}"
},
"appx": {
......@@ -77,8 +76,7 @@
"identityName": "17450RobinAhle.sleektodomanager",
"publisher": "CN=2B3D4037-FF2E-4C36-84A6-CFF49F585C0C",
"publisherDisplayName": "Robin Ahle",
"applicationId": "RobinAhle.sleektodomanager",
"artifactName": "${productName}-${version}.${ext}"
"applicationId": "RobinAhle.sleektodomanager"
}
},
"appImage": {
......@@ -111,13 +109,13 @@
"@fortawesome/fontawesome-free": "^5.15.3",
"bulma": "^0.9.2",
"chokidar": "^3.5.1",
"electron-log": "^4.3.5",
"electron-updater": "^4.3.9",
"electron-windows-badge": "^1.1.0",
"i18next": "^20.2.2",
"i18next-browser-languagedetector": "^6.1.0",
"i18next-fs-backend": "^1.1.1",
"jstodotxt": "^0.9.0",
"marked": "^2.0.3",
"sass": "^1.34.1",
"vanillajs-datepicker": "^1.1.4"
},
"devDependencies": {
......@@ -127,7 +125,8 @@
"eslint": "^7.25.0",
"jest": "^26.6.3",
"mocha": "^8.3.2",
"sass": "^1.32.12",
"spectron": "^14.0.0"
"spectron": "^14.0.0",
"stylelint": "^13.13.1",
"stylelint-config-sass-guidelines": "^8.0.0"
}
}
......@@ -13,7 +13,7 @@ description: |
grade: stable
confinement: strict
icon: ./assets/icons/icon.png
icon: ./assets/icons/sleek.png
license: MIT
compression: lzo
architectures:
......
......@@ -2,13 +2,9 @@ const fs = require("fs");
const path = require("path");
const i18next = require("i18next");
const i18nextBackend = require("i18next-fs-backend");
//const LanguageDetector = require("i18next-browser-languagedetector");
const i18nextOptions = {
initImmediate: false,
fallbackLng: "en",
/*detection: {
order: ['localStorage', 'querystring', 'cookie', 'sessionStorage', 'navigator', 'htmlTag', 'path', 'subdomain']
},*/
namespace: "translation",
defaultNS: "translation",
supportedLngs: ["de", "en", "it", "es", "fr", "zh"],
......@@ -25,7 +21,6 @@ const i18nextOptions = {
saveMissing: true
};
i18next
//.use(LanguageDetector)
.use(i18nextBackend)
.init(i18nextOptions);
i18next.changeLanguage();
......
body {
background-color: #212224;
color: #CCCDCF;
/* Error: expected "}".
* ,
* 459 | }
* | ^
* '
* src\scss\dark.scss 459:2 root stylesheet */
body::before {
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
"Droid Sans Mono", monospace, monospace;
white-space: pre;
display: block;
padding: 1em;
margin-bottom: 1em;
border-bottom: 2px solid black;
content: 'Error: expected "}".\a \2577 \a 459 \2502 }\a \2502 ^\a \2575 \a src\\scss\\dark.scss 459:2 root stylesheet';
}
code, pre {
background-color: #212224 !important;
}
a {
color: white;
}
button:focus-visible,
a:focus-visible {
outline: 2px solid #CCCDCF !important;
}
a:hover,
button:hover,
strong {
color: #CCCDCF;
}
input,
select,
textarea {
border: none !important;
background: #2d2d2d !important;
color: white !important;
}
input[type=search]::-webkit-search-cancel-button {
background-color: white;
-webkit-mask-image: url("../img/svg/times-circle.svg");
mask-image: url("../img/svg/times-circle.svg");
}
input:active,
input:focus,
input.is-focused,
select:focus,
textarea:active,
textarea:focus,
input[type=search]:focus {
outline: none !important;
box-shadow: 0 0 0 2px #CCCDCF !important;
}
input::placeholder {
color: #4a4a4a !important;
}
input[type=checkbox]:focus,
input[type=checkbox]:active {
outline: none;
box-shadow: none !important;
}
input[type=range] {
background: #4a4a4a !important;
}
button {
color: white !important;
background: transparent !important;
}
button i {
color: #CCCDCF !important;
}
button.is-link,
.button.is-link:hover {
background-color: #2d2d2d !important;
}
button.is-link svg,
.button.is-link:hover svg {
color: inherit !important;
}
.button[disabled],
fieldset[disabled] {
background-color: transparent;
}
button.is-outlined:hover {
background: #3B3B3B !important;
}
::after {
border-color: white !important;
}
svg {
color: white;
}
table {
width: 100%;
background-color: transparent !important;
color: #CCCDCF !important;
}
table tr td {
border-color: #212224 !important;
}
table tr th {
color: white !important;
}
table.files tr td:last-child i {
color: white;
}
nav {
background-color: #2d2d2d;
}
nav svg {
color: #CCCDCF;
}
nav ul li.logo {
background: none;
}
nav ul li a {
color: #CCCDCF;
border-bottom: 1px solid #3B3B3B;
}
nav ul li a:hover,
nav ul li a:focus {
color: #CCCDCF;
border-bottom: none;
background-color: #3B3B3B;
}
nav ul li.is-highlighted a {
color: #CCCDCF;
border-bottom: none;
background-color: #3B3B3B;
}
#drawerContainer .zoom svg {
color: white !important;
}
#drawerContainer .zoom #zoomStatus {
color: white !important;
}
#todoTableSearchContainer {
background-color: #212224;
}
#todoTableSearchContainer .icon.is-left i,
#todoTableSearchContainer .icon.is-right i {
color: #4a4a4a;
}
#todoTableSearchContainer #btnToggleViewContainer {
background: transparent !important;
}
#resultStats .tag {
background-color: #3B3B3B !important;
color: #CCCDCF !important;
}
#todoTable .flex-table#previousItem.is-highlighted {
background-color: #3B3B3B;
}
#todoTable .flex-table:hover .flex-row.todoTableItemMore a {
color: #CCCDCF;
}
#todoTable .flex-table.due .button {
color: #f5f5f5;
}
#todoTable .flex-table {
border-color: #3B3B3B;
}
#todoTable .flex-table .checkbox a {
color: #CCCDCF;
}
#todoTable .flex-table .checkbox a:hover {
color: white;
}
#todoTable .flex-table .flex-row.text {
color: #CCCDCF;
}
#todoTable .flex-table .flex-row.itemDueDate {
color: white;
}
#todoTable .flex-table .flex-row.itemDueDate i {
color: inherit;
}
#todoTable .flex-table .flex-row.itemDueDate.isToday,
#todoTable .flex-table .flex-row.itemDueDate.isPast {
color: #ff3860;
}
#todoTable .flex-table .flex-row.itemDueDate.isToday i,
#todoTable .flex-table .flex-row.itemDueDate.isPast i {
color: inherit;
}
#todoTable .flex-table .flex-row.itemDueDate.isTomorrow i {
color: #fa745e !important;
}
#todoTable .flex-table .flex-row span.contexts {
color: #c5ede3 !important;
background: #1e6251 !important;
}
#todoTable .flex-table .flex-row span.projects {
color: #f1d6f1 !important;
background: #6f266f !important;
}
#todoTable .flex-table .flex-row .is-white {
color: #CCCDCF;
background: none;
}
#todoTable .flex-table .flex-row.todoTableItemMore a {
color: #CCCDCF;
}
#todoTable .flex-table .flex-row.todoTableItemMore .dropdown-content {
background: #3B3B3B;
color: white;
}
#todoTable .flex-table .flex-row.todoTableItemMore.is-active .dropdown-menu .dropdown-item:hover {
background: #2d2d2d;
}
#modalForm i {
color: #CCCDCF !important;
}
#modalForm button {
color: white;
border-color: #3B3B3B !important;
background: transparent !important;
}
#modalForm button:hover {
color: #CCCDCF !important;
}
#modalForm .field input,
#modalForm .field input::placeholder,
#modalForm .field select,
#modalForm .field select::placeholder {
color: white !important;
}
#modalForm .field select option {
background: #3B3B3B;
}
#recurrencePicker #recurrencePickerInput,
#recurrencePicker .radio {
cursor: pointer;
background: none !important;
color: white !important;
}
#recurrencePicker #recurrencePickerInput::placeholder {
color: white !important;
}
#recurrencePicker .radio:hover {
color: #CCCDCF !important;
}
#recurrencePicker #recurrencePickerContainer {
background: #2d2d2d;
}
#recurrencePicker #recurrencePickerContainer .card-footer {
border-color: #212224;
}
#autoCompleteContainer {
background: #3B3B3B;
}
#autoCompleteContainer h4 {
color: #CCCDCF;
}
#drawerContainer .drawer {
background: #3B3B3B !important;
}
#drawerContainer .drawer h4.is-4 {
color: white;
}
#drawerContainer .drawer h4.is-4 i {
color: #CCCDCF !important;
}
#drawerContainer a.drawerClose {
background: #3B3B3B !important;
}
#drawerContainer svg {
color: #f5f5f5 !important;
}
#drawerContainer #btnFiltersResetFilters {
background: #212224 !important;
}
#filterMenu .card {
background: #3B3B3B;
}
#filterMenu .card #filterMenuSave {
background-color: transparent !important;
border-right: 1px solid #212224 !important;
}
#filterMenu .card-footer {
border-top: 1px solid #212224 !important;
}
.contexts .button {
color: #c5ede3;
background: #247561;
}
.contexts .button span.tag {
color: #184e41;
background: #c9eee5;
}
.contexts .button.is-dark {
background: #184e41;
color: white;
}
.projects .button {
color: #f1d6f1;
background: #822c82;
}
.projects .button span.tag {
color: #5c1f5c;
background: #f2daf2;
}
.projects .button.is-dark {
background: #5c1f5c;
color: white;
}
.priority .button {
opacity: 0.9;
}
.toggle .switch .slider {
background-color: #4a4a4a;
}
.toggle .switch input:checked + .slider {
background-color: #2d2d2d !important;
}
.toggle .switch input:focus + .slider {
box-shadow: none;
}
.toggle .switch input:focus-visible {
outline: 2px solid white !important;
}
.modal .modal-content .card {
background: #3B3B3B;
color: #CCCDCF;
}
.modal .modal-content .card .card-header-title {
color: white;
}
.modal .modal-content .card .card-content {
/*button {
background: $darker-grey!important;
}*/
}
.modal .modal-content .card .card-footer,
.modal .modal-content .card .card-footer-item {
border-color: #2d2d2d;
}
.modal.content {
color: #CCCDCF !important;
}
.modal.content .button {
background: #2d2d2d !important;
}
.modal.content .select:not(.is-multiple):not(.is-loading)::after {
border-color: white !important;
}
.modal.content .delete,
.modal.content .modal-close,
.modal.content .tag.is-info {
background: white !important;
color: #3B3B3B !important;
}
.modal.content .tag:not(body).is-dark {
background: #212224 !important;
}
.modal.content .modal-close::before,
.modal.content .modal-close::after {
color: #3B3B3B !important;
background: #3B3B3B !important;
}
.modal.content .modal-card,
.modal.content table {
background: #3B3B3B;
color: #CCCDCF !important;
}
.modal.content .title,
.modal.content table th {
color: white;
}
.modal.content table tr,
.modal.content table th,
.modal.content table td {
border-color: #2d2d2d !important;
}
.modal.content .tabs ul {
border-color: transparent;
}
.modal.content .tabs li a {
color: white;
border-color: #4a4a4a;
}
.modal.content .tabs li a:hover {
border-color: #CCCDCF;
}
.modal.content .tabs li.is-active a {
color: white;
border-color: #CCCDCF;
}
.message.fixed {
background: transparent !important;
}
.message.fixed i {
color: white !important;
}
.message.fixed .message-body {
color: #CCCDCF;
background: #3B3B3B !important;
}
.message.fixed .message-body .button {
background: #2d2d2d !important;
}
.dueDate #datePickerInput,
.dueDate #datePickerInput::placeholder {
color: white !important;
background: transparent !important;
cursor: pointer;
}
.datepicker {
background: transparent;
}
.datepicker .button {
background: transparent !important;
}
.datepicker .datepicker-cell.today.focused:not(.selected),
.datepicker .datepicker-cell.today:not(.selected) {
background: #212224 !important;
}
.datepicker .datepicker-cell.today.focused:not(.selected),
.datepicker .datepicker-cell.today:hover {
color: white !important;
}
.datepicker .datepicker-picker {
background: #2d2d2d;
color: white;
}
.datepicker .datepicker-picker .button,
.datepicker .datepicker-picker .button:hover,
.datepicker .datepicker-picker .datepicker-header .datepicker-controls .button:hover {
background: none;
color: inherit;
}
.datepicker .datepicker-picker .datepicker-footer .datepicker-controls .button {
color: inherit;
}
.datepicker .datepicker-picker .datepicker-cell.selected,
.datepicker .datepicker-picker .datepicker-cell.selected:hover {
color: #2d2d2d;
background: white;
}
.datepicker .datepicker-picker .datepicker-cell.focused:not(.selected),
.datepicker .datepicker-picker .datepicker-cell:hover {
color: #2d2d2d;
background: #CCCDCF;
}
.contentContainer .title.is-1 {
color: white;
}
.contentContainer .subtitle,
.contentContainer .subtitle strong {
color: #CCCDCF;
}
/*# sourceMappingURL=dark.css.map */
@charset "UTF-8";
@import "../css/datepicker.css";
@import '../css/datepicker.css';
@font-face {
font-family: "FreeSans";
src: url("../fonts/FreeSans.otf") format("opentype");
......@@ -195,9 +195,6 @@ nav ul li a {
line-height: 5em;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
/*svg {
color: inherit;
}*/
}