GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-25 17:26:36 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Use Bootstrap containers instead of CSS in base for deckoptions

Browse source
This commit is contained in:
Henrik Giesel 2021-05-27 20:28:23 +02:00
parent 7dacd9b72f
commit 282de21675
5 changed files with 9 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ts/components/ButtonToolbar.svelte
View file

@ -78,7 +78,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<div <div
bind:this={buttonToolbarRef} bind:this={buttonToolbarRef}
{id} {id}
class={`btn-toolbar wrap-variable ${className}`} class={`btn-toolbar container wrap-variable ${className}`}
{style} {style}
role="toolbar" role="toolbar"
> >

2
ts/components/Section.svelte
View file

@ -55,7 +55,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
} }
</script> </script>
<div bind:this={sectionRef} {id} class={className}> <div bind:this={sectionRef} {id} class={`container mb-1 ${className}`}>
<slot /> <slot />
{#each $dynamicItems as item} {#each $dynamicItems as item}
<SectionItem id={item[0].id} registration={item[1]}> <SectionItem id={item[0].id} registration={item[1]}>

5
ts/components/SelectButton.svelte
View file

@ -50,6 +50,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
overflow-x: hidden; overflow-x: hidden;
} }
.btn-night {
/* override the default down arrow */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
@include button.btn-day($with-hover: false); @include button.btn-day($with-hover: false);
@include button.btn-night($with-hover: false); @include button.btn-night($with-hover: false);
</style> </style>

4
ts/components/StickyBar.svelte
View file

@ -4,11 +4,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--> -->
<script lang="typescript"> <script lang="typescript">
export let id: string | undefined = undefined; export let id: string | undefined = undefined;
let className: string | undefined; let className: string = "";
export { className as class }; export { className as class };
</script> </script>
<nav {id} class={`pb-1 pt-1 ${className}`}> <nav {id} class={`container-fluid pb-1 pt-1 ${className}`}>
<slot /> <slot />
</nav> </nav>

21
ts/deckoptions/deckoptions-base.scss
View file

@ -23,22 +23,6 @@
-webkit-appearance: none; -webkit-appearance: none;
} }
body {
width: min(100vw, 35em);
margin: 0 auto;
// leave some space for rounded screens
margin-bottom: 2em;
}
html {
overflow-x: hidden;
}
#main {
padding: 0.5em;
padding-top: 0;
}
.tooltip-inner { .tooltip-inner {
max-width: 300px; max-width: 300px;
text-align: left; text-align: left;
@ -53,8 +37,3 @@ html {
code { code {
color: #ffaaaa; color: #ffaaaa;
} }
// override the default down arrow colour in <select> elements
.night-mode select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}