Project

General

Profile

Actions
Copy link

Bug #2083

closed

tab content extending beyond tab borders

Added by krileon over 13 years ago. Updated over 13 years ago.

Status:
Closed
Priority:
Normal
Assignee:
beat
Target version:
CB 1.3
Start date:
24 November 2010
Due date:
% Done:

100%

Estimated time:
0:30 h

Description

Tab content in DIV and Table design extends beyond its tabs borders.

Related issues 1 (0 open — 1 closed)

Related to CB - Bug #2021: tab display type set to div causes tab content to extend out of tabClosedbeat19 October 2010

Actions
Actions
Copy link
 #1

Updated by beat over 13 years ago

  • Status changed from New to Assigned
  • Assignee set to beat
  • % Done changed from 0 to 40

Real issue is in CB templates (default at least):

.dynamic-tab-pane-control .tab-page .tab-content {
    margin: 10px;
}

does not set width: auto.

then as:

form.cb_form                            , .cb_tab_content                                {    width: 100%;    margin: 0px;    padding: 0px;    border-width: 0px;    }

Does set width 100%, that setting is not overridden, while the margin is. So we end up too wide.

Actions
Copy link
 #2

Updated by beat over 13 years ago

Adding width:auto; as follows fixes that issue:

.dynamic-tab-pane-control .tab-page .tab-content {
    margin: 10px;
    width: auto;
}

Actions
Copy link
 #3

Updated by beat over 13 years ago

  • Status changed from Assigned to Closed
  • Priority changed from High to Normal
  • % Done changed from 40 to 100
  • Estimated time set to 0:30 h

CB r1200 and coolness/mycommunity r1504 fixes this bug and the related bug #2021 .

Actions
Copy link

Also available in: Atom PDF