Reduced wysiwyg heading sizes (#8868)

This reduces the base heading sizes for wiki pages, to a little bit larger than work packages, with a bit faster falloff. It also floats the table of contents to the right instead of the left.

https://community.openproject.com/projects/openproject/work_packages/35552/activity?query_id=2432
pull/8870/head
Benjamin Bädorf 4 years ago committed by GitHub
parent a112999dcc
commit 1a7e5b3d77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 4
      frontend/src/global_styles/content/user-content/_index.sass
  2. 4
      frontend/src/global_styles/content/user-content/_toc.sass
  3. 6
      frontend/src/global_styles/layout/_toolbar.sass

@ -9,8 +9,8 @@
@import 'placeholder'
.op-uc-container
--op-uc-heading-base: 3.5rem
--op-uc-heading-falloff: 0.7
--op-uc-heading-base: 1.8rem
--op-uc-heading-falloff: 0.85
display: block
overflow: hidden
font-size: var(--wiki-default-font-size)

@ -3,8 +3,8 @@
font-size: var(--wiki-toc-ul-font-size)
background-color: #fafafa
border: 1px solid #dadada
float: left
margin: 1rem 2rem 1rem 0rem
float: right
margin: 1rem 0rem 1rem 2rem
padding: 1.5rem 1.5rem 1.5rem 0rem
&--list

@ -216,12 +216,6 @@ $nm-color-success-background: #d8fdd1
@include text-shortener
padding: 0
// WYSIWYG content creates bigger headings than this. When viewing on screen, this is okay since the general page
// layout does a decent job conveying hierarchy. However, when printing we need to bump the size of this heading
// (which is really the page heading) to be larger than the user-content h1.
@media print
font-size: 4rem
div.inline-edit
cursor: pointer

Loading…
Cancel
Save