| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 0006531 | Flow theme | Theme | public | 2016-10-24 14:50 | 2024-08-21 07:47 |
| Reporter | vanilla thunder | Assigned To | |||
| Priority | low | Severity | trivial | Reproducibility | always |
| Status | resolved | Resolution | fixed | ||
| Product Version | 1.0.0-beta | ||||
| Fixed in Version | 3.1.0 | ||||
| Summary | 0006531: Bootstrap tooltip causing buttons to jump | ||||
| Description | bootstrap tooltip makes "add to basket" buttons in product lists 1px wider. This happens because div with tooltip is injected into button group between both buttons. | ||||
| Steps To Reproduce | -> http://demoshop.oxid-esales.com/professional-edition/ hover over the white "to cart" button with shopping cart icon. It will get gray background and push the blue "more details" button 1px away. | ||||
| Additional Information | This is a well known problem of bootstrap, e.g. http://stackoverflow.com/questions/14364079/bootstrap-tooltip-causing-buttons-to-jump http://stackoverflow.com/questions/27256594/tooltip-button-moving-when-hover To fix it, you need to update scripts.js old: $( '.hasTooltip' ).tooltip(); fix: $( '.hasTooltip' ).tooltip({container: 'body'}); | ||||
| Tags | No tags attached. | ||||
- Anonymous
