GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-12-16 08:10:59 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Make LabelContainer sticky

Browse source 
to make field operations accessible on fields with a lot of content.
This commit is contained in:
Matthias Metelka 2022-08-12 00:04:04 +02:00
parent c2a2edc4e1
commit a319270391
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
ts/editor/LabelContainer.svelte
View file

@ -43,6 +43,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<style lang="scss"> <style lang="scss">
.label-container { .label-container {
position: sticky;
top: 0;
z-index: 3;
background: var(--window-bg);
&::before {
content: "";
z-index: -1;
position: absolute;
top: -5px;
bottom: 0;
left: -2px;
right: -2px;
background: var(--window-bg);
}
& .chevron { & .chevron {
opacity: 0.4; opacity: 0.4;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;