ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Remove debugging info, clean up UI in HighlightSidebar

This commit is contained in:
Ramon Wenger 2024-01-23 10:55:58 +01:00
parent 33801ff8a6
commit f905d6bbc0
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/highlights/HighlightSidebar.vue
View File

@ -15,18 +15,16 @@
hier ist ein bischen mehr text blabla blabla bla blabla blabla bla bla blabla blabla bla blabla blabla bla bla hier ist ein bischen mehr text blabla blabla bla blabla blabla bla bla blabla blabla bla blabla blabla bla bla
noch mehr text noch mehr text noch mehr text noch mehr text
</mark> </mark>
<pre>{{ overflowing }}</pre>
<pre>{{ highlightMark?.scrollHeight }}</pre>
<pre>{{ highlightMark?.clientHeight }}</pre>
</div> </div>
<div class="highlight-sidebar__section highlight-sidebar__note"> <div class="highlight-sidebar__section highlight-sidebar__note">
<h2 class="heading-4">Meine Notiz</h2> <h2 class="heading-4">Meine Notiz {{ id }}</h2>
<div class="form-with-border highlight-sidebar__note-form"> <div class="form-with-border highlight-sidebar__note-form">
<textarea <textarea
class="borderless-textarea" class="borderless-textarea"
placeholder="Hi" placeholder="Notiz erfassen..."
v-auto-grow v-auto-grow
></textarea> ></textarea>
<a class="button button--primary">Speichern</a>
</div> </div>
</div> </div>
</div> </div>
@ -34,10 +32,15 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, defineAsyncComponent, ref } from 'vue'; import { computed, defineAsyncComponent, ref } from 'vue';
export interface Props {
id: string;
}
const emits = defineEmits(['close']); const emits = defineEmits(['close']);
const close = () => emits('close'); const close = () => emits('close');
defineProps<Props>();
const highlightMark = ref<HTMLElement | null>(null); const highlightMark = ref<HTMLElement | null>(null);
const overflowing = computed(() => { const overflowing = computed(() => {