Problem/Motivation
When JavaScript is disabled, a giant gap to the left of the vertical tabs appears. There are a few styles in vertical-tabs.css that need to be scoped to a .js context.
Proposed resolution
Scope properties such as margin, border and padding to a .js context.
Before the CSS fix
After the CSS fix.
This might be the CSS fix.
.vertical-tabs-panes {
background-color: #fcfcfa;
}
html.js .vertical-tabs-panes {
margin: 0 0 0 240px;
padding: 10px 15px 10px 15px;
border-left: 1px solid #a6a5a1;
}| Attachment | Size | Status | Test result | Operations |
|---|---|---|---|---|
| Screenshot_6_13_13_11_14_AM.png | 165.2 KB | Ignored | None | None |
| Screenshot_6_13_13_11_23_AM.png | 159.9 KB | Ignored | None | None |