neil/silverbullet
1
0
Fork 0
Code

Tweaking the styling of the sync button

Browse Source
This commit is contained in:
Zef Hemel 2023-09-07 12:33:25 +02:00
parent b936a435ab
commit ae2135714d
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugos/lib/datastore.test.ts
View File

@ -43,8 +43,12 @@ async function test(db: KvPrimitives) {
"address.city", "address.city",
"San Francisco", "San Francisco",
]], ]],
select: ["name"],
});
assertEquals(results[0], {
key: ["kv", "complicated"],
value: { name: "Frank" },
}); });
assertEquals(results[0].key, ["kv", "complicated"]);
} }
Deno.test("Test Deno KV DataStore", async () => { Deno.test("Test Deno KV DataStore", async () => {

2
plugos/lib/indexeddb_kv_primitives.ts
View File

@ -1,7 +1,7 @@
import { KV, KvKey, KvPrimitives, KvQueryOptions } from "./kv_primitives.ts"; import { KV, KvKey, KvPrimitives, KvQueryOptions } from "./kv_primitives.ts";
import { IDBPDatabase, openDB } from "https://esm.sh/idb@7.1.1/with-async-ittr"; import { IDBPDatabase, openDB } from "https://esm.sh/idb@7.1.1/with-async-ittr";
const sep = "\uffff"; const sep = "\0";
export class IndexedDBKvPrimitives implements KvPrimitives { export class IndexedDBKvPrimitives implements KvPrimitives {
db!: IDBPDatabase<any>; db!: IDBPDatabase<any>;

4
web/editor_ui.tsx
View File

@ -210,8 +210,8 @@ export class MainUI {
? [{ ? [{
icon: RefreshCwIcon, icon: RefreshCwIcon,
description: this.editor.syncMode description: this.editor.syncMode
? "Currently in sync mode: switch to online mode" ? "Currently in Sync mode, click to switch to Online mode"
: "Currently in online mode: switch to sync mode", : "Currently in Online mode, click to switch to Sync mode",
class: this.editor.syncMode ? "sb-enabled" : undefined, class: this.editor.syncMode ? "sb-enabled" : undefined,
callback: () => { callback: () => {
(async () => { (async () => {

3
web/styles/colors.scss
View File

@ -72,7 +72,8 @@
} }
.sb-actions button.sb-enabled { .sb-actions button.sb-enabled {
color: var(--action-button-active-color); background-color: var(--top-border-color);
border-radius: 5px;
} }
.sb-actions button:hover { .sb-actions button:hover {