OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/app/assets/stylesheets/content/editor/_markdown.sass

65 lines
1.6 KiB

// Specific styles for displaying rendered markdown on all pages
// This is still selected by div.wiki since this is still used throughout the app.
div.wiki,
div.ck-editor__preview
// Style pre tags alone
pre
margin: 1em 1em 1em 1.6em
padding: 2px 2px 2px 0
background-color: #fafafa
border: 1px solid #dadada
width: auto
overflow-x: auto
overflow-y: hidden
// Avoid doubling borders in pre > code
pre > code
display: block
border: none
background: transparent
color: initial
ul.task-list
list-style: none
margin-left: 25px
.task-list-item
display: flex
flex-wrap: wrap
white-space: pre-wrap
input
height: 25px
margin-right: 5px
// Ensure nested task lists are wrapped
// by making nested lists 100% row width
ul.task-list
flex-basis: 100%
white-space: nowrap
// remove indentation of top-level task-list
> ul.task-list
margin-left: 0
// Style tables within figure.table
figure.table
// Copy the display style of CKEDitors table figures
// this prevents cutting of the figure if float is involved
display: table
// If a figure is present, it might set the width and height
// so we want to have the table at full width and height
> table
height: 100%
width: 100%
// Ensure we break apart words in table cells that
// are restricted in width (OP#33524)
td[style*=";width:"],
td[style^="width:"],
th[style*=";width:"],
th[style^="width:"]
word-break: break-all