langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use graphs-base and congrats-base

Browse Source
This commit is contained in:
Henrik Giesel 2021-04-13 16:49:47 +02:00
parent fee6ee7319
commit 8f0f8f9af8
13 changed files with 42 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
qt/aqt/data/web/css/BUILD.bazel
View File

@ -32,7 +32,6 @@ filegroup(
"core.css",
"css_local",
"editor",
"//qt/aqt/data/web/css/vendor",
],
visibility = ["//qt:__subpackages__"],
)

17
qt/aqt/data/web/css/vendor/BUILD.bazel vendored
View File

@ -1,17 +0,0 @@
load("//ts:vendor.bzl", "copy_bootstrap_css")
copy_bootstrap_css(name = "bootstrap")
files = [
"bootstrap",
]
directories = []
filegroup(
name = "vendor",
srcs = glob(["*.css"]) +
["//qt/aqt/data/web/css/vendor:{}".format(file) for file in files] +
["//qt/aqt/data/web/css/vendor/{}".format(dir) for dir in directories],
visibility = ["//qt:__subpackages__"],
)

2
qt/aqt/data/web/pages/BUILD.bazel
View File

@ -3,6 +3,7 @@ load("//ts:copy.bzl", "copy_files_into_group")
copy_files_into_group(
name = "graphs_page",
srcs = [
"graphs-base.css",
"graphs.css",
"graphs.html",
"graphs.js",
@ -13,6 +14,7 @@ copy_files_into_group(
copy_files_into_group(
name = "congrats_page",
srcs = [
"congrats-base.css",
"congrats.css",
"congrats.html",
"congrats.js",

15
ts/congrats/BUILD.bazel
View File

@ -3,12 +3,20 @@ load("//ts:prettier.bzl", "prettier_test")
load("//ts:eslint.bzl", "eslint_test")
load("//ts/svelte:svelte.bzl", "svelte", "svelte_check")
load("//ts:esbuild.bzl", "esbuild")
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
sass_binary(
name = "base_css",
src = "congrats-base.scss",
visibility = ["//visibility:public"],
)
svelte(
name = "CongratsPage",
entry_point = "CongratsPage.svelte",
)
ts_library(
name = "index",
srcs = ["index.ts"],
@ -16,6 +24,7 @@ ts_library(
"CongratsPage",
"lib",
"//ts/lib",
"@npm//svelte",
"@npm//svelte2tsx",
],
)
@ -47,11 +56,11 @@ esbuild(
output_css = True,
visibility = ["//visibility:public"],
deps = [
"CongratsPage",
"index",
"//ts/lib",
"//ts/lib:backend_proto",
"//ts/sass:core_css",
"CongratsPage",
":index",
":base_css",
],
)

2
ts/congrats/CongratsPage.svelte
View File

@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import "../sass/core.css";
import type pb from "anki/backend_proto";
import { buildNextLearnMsg } from "./lib";
import { bridgeLink } from "anki/bridgecommand";

6
ts/congrats/congrats-base.scss Normal file
View File

@ -0,0 +1,6 @@
@use 'ts/sass/core';
@use 'ts/sass/scrollbar';
.night-mode {
@include scrollbar.night-mode;
}

1
ts/congrats/congrats.html
View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" id="viewport" content="width=device-width" />
<link href="congrats-base.css" rel="stylesheet" />
<link href="congrats.css" rel="stylesheet" />
<script src="../js/vendor/protobuf.min.js"></script>
<script src="congrats.js"></script>

9
ts/graphs/BUILD.bazel
View File

@ -3,6 +3,13 @@ load("//ts/svelte:svelte.bzl", "compile_svelte", "svelte_check")
load("//ts:prettier.bzl", "prettier_test")
load("//ts:eslint.bzl", "eslint_test")
load("//ts:esbuild.bzl", "esbuild")
load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
sass_binary(
name = "base_css",
src = "graphs-base.scss",
visibility = ["//visibility:public"],
)
svelte_files = glob(["*.svelte"])
@ -67,7 +74,7 @@ esbuild(
"//ts/lib",
"//ts/lib:backend_proto",
":index",
"//ts/sass:core_css",
":base_css",
] + svelte_names,
)

2
ts/graphs/GraphsPage.svelte
View File

@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="typescript">
import "../sass/core.css";
import type { SvelteComponent } from "svelte/internal";
import { writable } from "svelte/store";

6
ts/graphs/graphs-base.scss Normal file
View File

@ -0,0 +1,6 @@
@use 'ts/sass/base';
@use 'ts/sass/scrollbar';
.night-mode {
@include scrollbar.night-mode;
}

1
ts/graphs/graphs.html
View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" id="viewport" content="width=device-width" />
<link href="graphs-base.css" rel="stylesheet" />
<link href="graphs.css" rel="stylesheet" />
<script src="../js/vendor/protobuf.min.js"></script>
<script src="graphs.js"></script>

4
ts/sass/_base.scss
View File

@ -7,8 +7,8 @@ $font-weight-base: 500;
$link-hover-color: var(--link);
$link-hover-decoration: none;
@import 'ts/node_modules/bootstrap/scss/bootstrap-reboot';
@import 'ts/node_modules/bootstrap/scss/bootstrap-utilities';
@import "ts/node_modules/bootstrap/scss/bootstrap-reboot";
@import "ts/node_modules/bootstrap/scss/bootstrap-utilities";
body {
overscroll-behavior: none;

8
ts/sass/card_counts.scss
View File

@ -1,15 +1,15 @@
.review-count {
color: var(--review-count);
color: var(--review-count);
}
.new-count {
color: var(--new-count);
color: var(--new-count);
}
.learn-count {
color: var(--learn-count);
color: var(--learn-count);
}
.zero-count {
color: var(--zero-count);
color: var(--zero-count);
}