GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-21 15:32:23 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Tweak some CSS

Browse source 
- Add variables --sticky-bg and --sticky-border to StickyContainer
- Tweak base.css
This commit is contained in:
Matthias M 2021-11-17 19:31:02 +01:00
parent 515f86eb15
commit 2696719d29
3 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ts/change-notetype/change-notetype-base.scss
View file

@ -17,8 +17,6 @@
body { body {
width: min(100vw, 35em); width: min(100vw, 35em);
margin: 0 auto; margin: 0 auto;
// leave some space for rounded screens
margin-bottom: 2em;
} }
html { html {
@ -26,8 +24,8 @@ html {
} }
#main { #main {
padding: 0.5em; padding: 0 1em 1em 1em;
padding-top: 0; height: calc(100vh - 1em);
} }
// override the default down arrow colour in <select> elements // override the default down arrow colour in <select> elements

3
ts/components/LabelButton.svelte
View file

@ -52,6 +52,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
@use "sass/button-mixins" as button; @use "sass/button-mixins" as button;
button { button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 calc(var(--buttons-size) / 3); padding: 0 calc(var(--buttons-size) / 3);
font-size: var(--base-font-size); font-size: var(--base-font-size);
width: auto; width: auto;

4
ts/components/StickyContainer.svelte
View file

@ -30,9 +30,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
right: 0; right: 0;
z-index: 10; z-index: 10;
background: var(--window-bg); background: var(--sticky-bg, var(--window-bg));
border-style: solid; border-style: solid;
border-color: var(--medium-border); border-color: var(--sticky-border, var(--medium-border));
border-width: var(--sticky-borders, 0); border-width: var(--sticky-borders, 0);
} }
</style> </style>