anki/ts/graphs/AxisTicks.svelte

<script lang="typescript">
    import type { GraphBounds } from "./graph-helpers";

    export let bounds: GraphBounds;
</script>

<style lang="scss">
    g :global(.domain) {
        opacity: 0.05;
    }
</style>

<g class="x-ticks" transform={`translate(0, ${bounds.height - bounds.marginBottom})`} />
<g class="y-ticks" transform={`translate(${bounds.marginLeft}, 0)`} />
<g class="y2-ticks" transform={`translate(${bounds.width - bounds.marginRight}, 0)`} />
move axis ticks & labels into separate files 2020-06-23 07:38:54 +02:00			`<script lang="typescript">`
initial Bazel conversion Running and testing should be working on the three platforms, but there's still a fair bit that needs to be done: - Wheel building + testing in a venv still needs to be implemented. - Python requirements still need to be compiled with piptool and pinned; need to compile on all platforms then merge - Cargo deps in cargo/ and rslib/ need to be cleaned up, and ideally unified into one place - Currently using rustls to work around openssl compilation issues on Linux, but this will break corporate proxies with custom SSL authorities; need to conditionally use openssl or use https://github.com/seanmonstar/reqwest/pull/1058 - Makefiles and docs still need cleaning up - It may make sense to reparent ts/* to the top level, as we don't nest the other modules under a specific language. - rspy and pylib must always be updated in lock-step, so merging rspy into pylib as a private module would simplify things. - Merging desktop-ftl and mobile-ftl into the core ftl would make managing and updating translations easier. - Obsolete scripts need removing. - And probably more. 2020-11-01 05:26:58 +01:00			`import type { GraphBounds } from "./graph-helpers";`
merge in Henrik's TS/Svelte refactor with some changes - The previous commits moved the majority of the remaining global css into components; move the remaining @emotion/css references into ticks.scss and the styling of the Graph.svelte. This is not as elegant as the emotion solution, but builds a whole lot faster, and most of our styling can be scoped to a component anyway. - Leave the .html files in ts/ for now. AnkiMobile uses them, and AnkiDroid likely will in the future too. In the long run we'll likely move to loading the JS into an existing page instead of loading a separate page, but at that point we can just exclude the .html file from copy_files_into_group() without affecting other clients. Closes #1074 2021-03-21 13:47:52 +01:00
move axis ticks & labels into separate files 2020-06-23 07:38:54 +02:00			`export let bounds: GraphBounds;`
			`</script>`

merge in Henrik's TS/Svelte refactor with some changes - The previous commits moved the majority of the remaining global css into components; move the remaining @emotion/css references into ticks.scss and the styling of the Graph.svelte. This is not as elegant as the emotion solution, but builds a whole lot faster, and most of our styling can be scoped to a component anyway. - Leave the .html files in ts/ for now. AnkiMobile uses them, and AnkiDroid likely will in the future too. In the long run we'll likely move to loading the JS into an existing page instead of loading a separate page, but at that point we can just exclude the .html file from copy_files_into_group() without affecting other clients. Closes #1074 2021-03-21 13:47:52 +01:00			`<style lang="scss">`
			`g :global(.domain) {`
			`opacity: 0.05;`
			`}`
			`</style>`

			<g class="x-ticks" transform={`translate(0, ${bounds.height - bounds.marginBottom})`} />
			<g class="y-ticks" transform={`translate(${bounds.marginLeft}, 0)`} />
			<g class="y2-ticks" transform={`translate(${bounds.width - bounds.marginRight}, 0)`} />