htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Install and use ToastUi markdown editor

Browse Source 
Replace all usages of pagedown-bootstrap editor with the new editor.
Add styles to ensure the editor preview matches the final output.
This commit is contained in:
Julia Casamitjana
2024-04-11 10:34:37 +02:00
committed by Dominic Sauer
parent 96f5f1f8d7
commit 9c71c6667a
10 changed files with 362 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
app/assets/stylesheets/base.css.scss
View File

@@ -3,7 +3,12 @@ h1 {
margin-bottom: 0.5em;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
@@ -12,26 +17,36 @@ h1, h2, h3, h4, h5, h6 {
color: var(--bs-dark-text-emphasis);
}
a:not(.dropdown-item, .dropdown-toggle, .dropdown-link, .btn, .page-link), .btn-link {
a:not(.dropdown-item, .dropdown-toggle, .dropdown-link, .btn, .page-link),
.btn-link {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
i.fa-solid, i.fa-regular, i.fa-solid {
i.fa-solid,
i.fa-regular,
i.fa-solid {
margin-right: 0.5em;
}
pre, .output-element {
pre,
.output-element {
background-color: var(--bs-light-bg-subtle);
margin: 0;
padding: .25rem!important;
padding: 0.25rem !important;
border: 1px solid var(--bs-border-color-translucent);
}
blockquote {
border-left: 4px solid var(--bs-secondary-bg);
color: var(--bs-secondary-text-emphasis);
margin: 14px 0;
padding: 0 16px;
}
span.caret {
margin-left: 0.5em;
}
@@ -125,19 +140,25 @@ html[data-bs-theme="light"] {
}
@-webkit-keyframes sk-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);