diff --git a/src/css/style.css b/src/css/style.css
index e8e4052..0229355 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -12,10 +12,14 @@ nav::-webkit-scrollbar {
display: none;
}
-.selected {
+.ui-selected {
background-color: #24c278 !important;
}
+.ui-selecting {
+ background-color: #aae5d4 !important;
+}
+
.context-menu {
position: absolute;
background: white;
diff --git a/src/editor.html b/src/editor.html
index cbcafcb..9738a06 100644
--- a/src/editor.html
+++ b/src/editor.html
@@ -1,11 +1,11 @@
- ")
.attr("id", table_id + "-nav")
.addClass("btn nav-link table-nav")
- // .attr("href", "#" + table_id)
.text(table_data["name"])
.on("click", () => {
showTab(table_id);
@@ -71,7 +56,7 @@ function generateTable(table_data, table_index) {
.on("contextmenu", (event) => {
navContextMenu(event, table_id);
});
- let add_table_btn = nav.find("a[id='add-table']");
+ let add_table_btn = nav.find("[id='btn-add-table']");
if (add_table_btn.length !== 0) {
add_table_btn.before(a);
} else {
@@ -124,10 +109,8 @@ function generateTable(table_data, table_index) {
function makeCell(cell_id, cell_text) {
return $("
| ")
.attr("id", cell_id)
+ .addClass("ui-selectable")
.text(cell_text)
- .on("click", () => {
- selectCell(cell_id);
- })
.on("contextmenu" , (event) => {
cellContextMenu(event, cell_id);
})
@@ -140,10 +123,8 @@ function makeHeader(header_id, header_index, col_title) {
return $("
")
.attr("id", header_id)
.css("user-select", "none")
+ .addClass("ui-selectable")
.text(col_title)
- .on("click", () => {
- selectCell(header_id);
- })
.on("contextmenu", (event) => {
headerContextMenu(event, header_id);
})
@@ -175,8 +156,8 @@ function generateTables() {
.on("click", () => {
insertRow(current_table, -1)
})))
- nav.append($("")
- .attr("id", "add-table")
+ nav.append($(" |