Skip to content

Commit

Permalink
fix: make notes scrollable
Browse files Browse the repository at this point in the history
  • Loading branch information
Jens Meichler committed Oct 13, 2023
1 parent 36eb735 commit 19701ea
Showing 1 changed file with 11 additions and 7 deletions.
18 changes: 11 additions & 7 deletions src/app/components/draggables/note/note.component.scss
Original file line number Diff line number Diff line change
@@ -1,30 +1,34 @@
:host {
--max-width: calc(100vw - 32px);

::ng-deep .markdown {
filter: var(--drop-shadow-light);
&>p:last-child {
margin-bottom: 0;
}
}

.dont-be-too-big,
::ng-deep .markdown {
max-width: calc(100vw - 32px);
text-overflow: ellipsis;
overflow: hidden;
// Don't be too big
max-width: var(--max-width);
overflow-y: auto;
}

&:has(.overdue)::after {
content: '';
position: absolute;
top: 32px;
right: -32px;
right: -48px;
font-size: 3rem;
border-radius: 50%;
z-index: -1;
animation: exclamation-mark-animation ease-in-out 1s;
}
}

.dont-be-too-big {
max-width: var(--max-width);
overflow-y: auto;
}

@keyframes exclamation-mark-animation {
0% {
opacity: 0;
Expand Down

0 comments on commit 19701ea

Please sign in to comment.