extern/heynote
1
0
Fork 0
mirror of https://github.com/heyman/heynote.git synced 2024-12-02 04:44:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Place scrollbar for Language selector and Note selector within the list instead of scrolling the whole "screen"

Browse Source
This commit is contained in:
Jonatan Heyman 2024-07-24 14:30:14 +02:00
parent f11f360496
commit 03db1efd2f
3 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/LanguageSelector.vue
View File

@ -106,12 +106,12 @@
<style scoped lang="sass"> <style scoped lang="sass">
.scroller .scroller
overflow: auto //overflow: auto
position: fixed //position: fixed
top: 0 //top: 0
left: 0 //left: 0
bottom: 0 //bottom: 0
right: 0 //right: 0
.language-selector .language-selector
font-size: 13px font-size: 13px
padding: 10px padding: 10px
@ -121,6 +121,10 @@
top: 0 top: 0
left: 50% left: 50%
transform: translateX(-50%) transform: translateX(-50%)
max-height: 100%
box-sizing: border-box
display: flex
flex-direction: column
border-radius: 0 0 5px 5px border-radius: 0 0 5px 5px
box-shadow: 0 0 10px rgba(0,0,0,0.3) box-shadow: 0 0 10px rgba(0,0,0,0.3)
+dark-mode +dark-mode
@ -152,6 +156,7 @@
max-width: 100% max-width: 100%
.items .items
overflow-y: auto
> li > li
border-radius: 3px border-radius: 3px
padding: 5px 12px padding: 5px 12px

5
src/components/NewNote.vue
View File

@ -50,7 +50,7 @@
</script> </script>
<template> <template>
<div class="scroller" @keydown="onKeydown" tabindex="-1"> <div class="fader" @keydown="onKeydown" tabindex="-1">
<form class="new-note" tabindex="-1" @focusout="onFocusOut" ref="container" @submit="onSubmit"> <form class="new-note" tabindex="-1" @focusout="onFocusOut" ref="container" @submit="onSubmit">
<div class="container"> <div class="container">
<h1>New Note from Block</h1> <h1>New Note from Block</h1>
@ -73,8 +73,7 @@
</template> </template>
<style scoped lang="sass"> <style scoped lang="sass">
.scroller .fader
overflow: auto
position: fixed position: fixed
top: 0 top: 0
left: 0 left: 0

17
src/components/NoteSelector.vue
View File

@ -114,12 +114,12 @@
<style scoped lang="sass"> <style scoped lang="sass">
.scroller .scroller
overflow: auto //overflow: auto
position: fixed //position: fixed
top: 0 //top: 0
left: 0 //left: 0
bottom: 0 //bottom: 0
right: 0 //right: 0
.note-selector .note-selector
font-size: 13px font-size: 13px
padding: 10px padding: 10px
@ -129,6 +129,10 @@
top: 0 top: 0
left: 50% left: 50%
transform: translateX(-50%) transform: translateX(-50%)
max-height: 100%
box-sizing: border-box
display: flex
flex-direction: column
border-radius: 0 0 5px 5px border-radius: 0 0 5px 5px
box-shadow: 0 0 10px rgba(0,0,0,0.3) box-shadow: 0 0 10px rgba(0,0,0,0.3)
+dark-mode +dark-mode
@ -160,6 +164,7 @@
max-width: 100% max-width: 100%
.items .items
overflow-y: auto
> li > li
border-radius: 3px border-radius: 3px
padding: 5px 12px padding: 5px 12px