Add functionality to expand the markdown editor
The editor will now have a default height of 300px but a button will let the user expand the editor. It will expand it to fit all content (or up to 400px if the content was not exceeding 300px). In the expanded mode the editor will keep growing as the user types more content.
This commit is contained in:

committed by
Dominic Sauer

parent
f10bcb96a6
commit
749074fec0
@ -5,6 +5,36 @@
|
||||
* {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
&__wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__resize-btn {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
right: 0;
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
color: var(--bs-secondary-text-emphasis);
|
||||
z-index: 100;
|
||||
&::after {
|
||||
content: "\f065";
|
||||
}
|
||||
&--with-scrollbar {
|
||||
right: 18px;
|
||||
}
|
||||
&--collapse {
|
||||
right: 0;
|
||||
&::after {
|
||||
content: "\f066";
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: var(--bs-secondary-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// /*------------------------------------*\
|
||||
|
Reference in New Issue
Block a user