Commit 38d47432 authored by ransome1's avatar ransome1
Browse files

Enhancements on drag and drop for sort by function

parent 9a8809c7
......@@ -383,11 +383,14 @@ body.dark .modal.content .tabs li.is-active a {
border-color: #CCCDCF;
}
body.dark #sortByContainer li {
border-bottom: 1px solid #2d2d2d;
background: #2d2d2d;
color: white;
}
body.dark #sortByContainer li i {
color: #CCCDCF;
color: #ebebeb;
}
body.dark #sortByContainer li.drag-sort-active {
border-left: 0.2em solid white;
}
body.dark .message.fixed {
background: transparent !important;
......@@ -844,7 +847,7 @@ nav ul:nth-child(2) {
vertical-align: middle;
}
#drawerContainer .drawer table tr td:nth-child(even) {
width: 35%;
width: auto;
text-align: center;
padding-right: 0 !important;
}
......@@ -854,6 +857,9 @@ nav ul:nth-child(2) {
#drawerContainer #viewDrawer .button {
margin: 0;
}
#drawerContainer #viewDrawer table tr th h3 {
margin-top: 1em;
}
#drawerContainer:hover #drawerClose {
display: inline-block;
......@@ -1096,6 +1102,9 @@ nav ul:nth-child(2) {
#todoTable .todo.completed .cell {
filter: opacity(50%) grayscale(100%);
}
#todoTable .todo.completed .cell.priority {
background: #3273dc;
}
#todoTable.is-active {
display: block;
......@@ -1232,25 +1241,29 @@ nav ul:nth-child(2) {
#sortByContainer {
width: auto;
float: none;
list-style: none;
}
#sortByContainer li {
width: 100%;
height: auto !important;
line-height: 1.5em !important;
margin: 0;
padding: 0.75em 0.5em;
margin: 0 0 2px 0;
padding: 0.5em 1em;
cursor: grab;
white-space: nowrap;
border-bottom: 1px solid #ccc;
background: white;
text-align: left;
border-radius: 0.2em;
border: none;
}
#sortByContainer li i {
margin-right: 1em;
color: #3273dc;
font-size: 0.9em;
margin-right: 1em;
}
#sortByContainer li:last-child {
border: none;
#sortByContainer li.drag-sort-active {
border-left: 0.2em solid #3273dc;
}
.contentContainer {
......
This diff is collapsed.
......@@ -119,10 +119,10 @@
</span>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="100%" id="viewHeadlineFilterList"></th>
<th colspan="100%">
<h3 id="viewHeadlineFilterList" class="is-3"></h3>
</th>
</tr>
<tr>
<td>
......@@ -137,10 +137,10 @@
</span>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="100%" id="viewHeadlineAppView"></th>
<th colspan="100%">
<h3 id="viewHeadlineAppView" class="is-3"></h3>
</th>
</tr>
<tr>
<td>
......
......@@ -244,7 +244,7 @@ function setFriendlyLanguageNames() {
friendlyLanguageName = "Português do Brasil"
break;
case "jp":
friendlyLanguageName = "日本語"
friendlyLanguageName = "日本語"
break;
default:
return;
......
......@@ -56,11 +56,10 @@ viewToggleShowEmptyFilters.innerHTML = translations.viewToggleShowEmptyFilters;
for(let i=0; i < userData.sortByLevel.length; i++) {
let sortBy = userData.sortByLevel[i];
const sortByContainerElement = document.createElement("li");
//sortByContainerElement.setAttribute("class", "drag-box");
sortByContainerElement.setAttribute("data-id", sortBy);
if(sortBy==="dueString") sortBy = "dueDate";
sortByContainerElement.innerHTML = "<i class=\"fas fa-grip-lines\" dragobj=\"0\"></i>";
sortByContainerElement.innerHTML = "<i class=\"fas fa-grip-vertical\"></i>";
sortByContainerElement.innerHTML += translations[sortBy];
sortByContainer.appendChild(sortByContainerElement);
if(i === userData.sortByLevel.length) resolve();
......
{
"about": "説明",
"addTodo": "",
"addTodo": "新しいタスクを作成",
"addTodoContainerHeadline": "タスクがない",
"addTodoContainerSubtitle": "リストは空であり, タスクを追加しましょう",
"archive": "アーカイブ",
......
......@@ -430,12 +430,18 @@ body.dark {
}
#sortByContainer {
li {
border-bottom: 1px solid $darker-grey;
background: $darker-grey;
color: white;
i {
color: $lighter-grey;
color: $light-grey;
}
}
li:hover {
}
li.drag-sort-active {
border-left: 0.2em solid white;
}
}
.message.fixed {
background: transparent!important;
......
......@@ -365,7 +365,7 @@ nav {
vertical-align: middle;
}
table tr td:nth-child(even) {
width: 35%;
width: auto;
text-align: center;
padding-right: 0 !important;
}
......@@ -377,6 +377,13 @@ nav {
.button {
margin: 0;
}
table {
tr {
th h3 {
margin-top: 1em;
}
}
}
}
}
#drawerContainer:hover {
......@@ -615,6 +622,9 @@ nav {
.cell {
filter: opacity(50%) grayscale(100%);
}
.cell.priority {
background: $has-text-link;
}
}
}
#todoTable.is-active {
......@@ -744,25 +754,32 @@ nav {
#sortByContainer {
width: auto;
float: none;
list-style: none;
li {
width: 100%;
height: auto!important;
line-height: 1.5em!important;
margin: 0;
padding: 0.75em 0.5em;
margin: 0 0 2px 0;
padding: 0.5em 1em;
cursor: grab;
white-space: nowrap;
border-bottom: 1px solid $mid-grey;
background: white;
text-align: left;
border-radius: 0.2em;
border: none;
i {
margin-right: 1em;
color: $has-text-link;
font-size: 0.9em;
margin-right: 1em;
}
}
li:last-child {
border: none;
li.drag-sort-active {
border-left: 0.2em solid $has-text-link;
}
// li:last-child {
// border: none;
// }
}
// .drag-box,
// .drag-box.tag,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment