Ticket #1486063 (closed Bugs: fixed)

Opened 12 months ago

Last modified 12 months ago

Status/Flag/Attach columns too small in Safari 4

Reported by: Technetux Owned by:
Priority: 5 Milestone: 0.3-stable
Component: User Interface Version: 0.3-rc1
Severity: normal Keywords: column width webkit safari chrome icon status attachment
Cc: ziba, ksteinhoff, suporte@…

Description

The status, flag, and attachment columns are only 10px wide in Safari 4 and Chrome dev (possibly others relating to webkit) when they should be 16px wide.

What it seems to be doing is subtracting the padding from the width to get it's final computed width. The style sheet specifies the width to be 16px, the padding-left 2px, padding-right 4px. So 16-2-4 = 10.

Attached is a detailed pic showing the problem.

Thanks, Ryan

Attachments

Untitled-1.png (188.6 KB) - added by Technetux 12 months ago.
mail.css.patch (0.5 KB) - added by netbit 12 months ago.
screenshots.gif (32.6 KB) - added by netbit 12 months ago.
Screenshots from Chrome (before and after patch) / Firefox / IE / Opera

Change History

Changed 12 months ago by Technetux

Changed 12 months ago by netbit

  • cc suporte@… added

I can reproduce this bug here with Safari and Chrome. Attached a patch to fix this issue. This patch was tested and perfectly works under Safari, Firefox, Opera, Chrome and IE6/7/8.

Please test if it works perfectly under your environment too, then it can be committed to trunk.

Obs. I've tested some other ways to fix this issue in CSS without creating another definition (#messagelist thead tr td.icon/.flag) but this is the only one that works 100% identical under all common browsers, mainly with IE8 and Chrome.

Changed 12 months ago by netbit

Changed 12 months ago by netbit

Screenshots from Chrome (before and after patch) / Firefox / IE / Opera

Changed 12 months ago by alec

  • status changed from new to closed
  • resolution set to fixed

Patch applied in r2872.

Note: See TracTickets for help on using tickets.