Project

General

Profile

Actions
Copy link

Feature #3074

open

Indention in Wiki of headings and corresponding content based on heading-depth

Added by Mischa The Evil over 15 years ago. Updated almost 10 years ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
Wiki
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:

Description

It seems to me that such a feature would improve the readability in the Wiki-module.

What do I mean with this exactly? This:

  • Current wiki 
    Heading 1
----------------

Text, text, text, text, text, text.

Heading 1.2
----------------

Text, text, text, text, text, text.

Heading 1.2.1
----------------

Text, text, text, text, text, text.
  • Preferred wiki 
    Heading 1
----------------

Text, text, text, text, text, text.

    Heading 1.2
    ----------------

    Text, text, text, text, text, text.

        Heading 1.2.1
        ----------------

        Text, text, text, text, text, text.

A solution for this could be changing the following snippet of code (lines 3 upto 7 of source:/trunk/public/stylesheets/application.css#L3) from:

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
to 
h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 15px; border-bottom: 1px solid #bbbbbb; color: #444;}
h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin: 0 0 5px 30px; border-bottom: 1px dotted #bbbbbb; color: #444;}

.wiki h4 {margin-left: 45px; border-bottom: 1px dotted #bbbbbb; color: #444;}
.wiki h5 {margin-left: 60px; border-bottom: 1px dotted #bbbbbb; color: #444;}
.wiki h6 {margin-left: 75px; border-bottom: 1px dotted #bbbbbb; color: #444;}

.wiki h2 + p {margin-left: 15px;}
.wiki h3 + p {margin-left: 30px;}
.wiki h4 + p {margin-left: 45px;}
.wiki h5 + p {margin-left: 60px;}
.wiki h6 + p {margin-left: 75px;}

Though, this change also modifies some other un-desired parts of the UI due to some unwanted triggers on these selectors. This should be definately tweaked to get ready for implementation (I just post what I've got so far to prevent it from being erased in my head :).

Actions
Copy link

Also available in: Atom PDF