Mastering Redmine

Mastering Redmine is a comprehensive guide with tips, tricks and best practices, and an easy-to-learn structure.

Check the book project on this site and/or

Buy the book

By buying this book you will also be donating to Redmine (see this page).

Bug #1814

Overlapping 'inline code' lines

Added by Ivan Cenov almost 2 years ago. Updated over 1 year ago.

Status:Won't Fix Start:01 Aug 2011
Priority:Normal Due date:26 Sep 2011
Assigned to:Andriy Lesyuk % Done:

100%
Category:-
Target version:0.02
System: System version:
Votes: 0

Description

Here is the example:

redmine_code.jpg (12.1 KB) Ivan Cenov, 01 Aug 2011 10:59

co_19px.jpg (44.5 KB) Ivan Cenov, 19 Sep 2011 11:53

co_20px.jpg (48.3 KB) Ivan Cenov, 19 Sep 2011 11:53

co_ie.jpg (102.8 KB) Ivan Cenov, 19 Sep 2011 11:53

Associated revisions

Revision 9
Added by Andriy Lesyuk over 1 year ago

Partially fixed #1813 and fixed #1814

Revision 10
Added by Andriy Lesyuk over 1 year ago

Added another rule for #1814

History

#1
Updated by Andriy Lesyuk over 1 year ago

  • Status changed from New to Incomplete
  • Assigned to set to Andriy Lesyuk

This is visual only. There are no "boxes" - they are rendered around text. Can be fixed by adding additional space between lines but I’m not sure if this is a good workaround...

#2
Updated by Andriy Lesyuk over 1 year ago

Looks like can be fixed with:

1 code {
2     line-height: 18px;
3 }

Now sure how this affects other elements... Need to test.

Could you please check?

#3
Updated by Andriy Lesyuk over 1 year ago

  • % Done changed from 0 to 50

#4
Updated by Andriy Lesyuk over 1 year ago

For Chrome seems it should be 20px

#5
Updated by Ivan Cenov over 1 year ago

Where to put this? I am not fluent in CSS...

code {
     line-height: 18px;
}
There is 'code’ in application.css and it is
code {
    padding: 1px 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 2px #b4b4b4;
    box-shadow: 1px 1px 2px #b4b4b4;
    background-color: #fff;
    border: 1px solid #b4b4b4;
}
Inside it?

#6
Updated by Ivan Cenov over 1 year ago

here are the results:

and

and in IE 8.0:

It seems this is the solution. I tested on Windows XP SP3 + Firefox 6.0.2 and Internet Explorer 8.0

#7
Updated by Andriy Lesyuk over 1 year ago

  • Status changed from Incomplete to Open
  • Target version set to 0.02
  • % Done changed from 50 to 80

Thanks! Will include it then in 0.02...

#8
Updated by Andriy Lesyuk over 1 year ago

  • Status changed from Open to Under Verification
  • % Done changed from 80 to 90

Changes are in SVN... Testing them on this site.

#9
Updated by Andriy Lesyuk over 1 year ago

  • Due date set to 26 Sep 2011
  • Status changed from Under Verification to Won't Fix
  • % Done changed from 90 to 100

I believe it does works!

Also available in: Atom PDF