Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Wrap wizard steps in hidden overflow instead of entire control #1352

Merged
merged 2 commits into from
Jun 11, 2015
Merged

Wrap wizard steps in hidden overflow instead of entire control #1352

merged 2 commits into from
Jun 11, 2015

Conversation

kevinparkerson
Copy link
Contributor

Fixes #1241 by adding additional wrapper element with class .steps-container around the ul.steps, so that overflow: hidden is only applied to that area instead of the entire wizard.

This is a breaking markup change that maintains backwards compatibility by adding the class .no-steps-container to .wizard via JavaScript. Please add the div.steps-container element around ul.steps as this markup documentation when you can.

for easier comparison
https://github.com/ExactTarget/fuelux/pull/1352/files?w=1

@@ -2403,7 +2405,7 @@ <h2 class="header">Year</h2>
<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens. </p>
</div>
<div class="step-pane sample-pane alert-danger alert" data-step="3">
<div class="step-pane sample-pane alert-danger alert" data-step="3" style="position: relative;">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Move inline style to less

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, this was me testing that overflow was no longer clipped via some quick inline hackery and forgetting to remove it once I was done.

@kevinparkerson kevinparkerson modified the milestones: 3.9.0, 3.8.0 Jun 11, 2015
@interactivellama interactivellama changed the title Wizard Overflow Correction Wrap wizard steps in hidden overflow instead of entire control Jun 11, 2015
@interactivellama
Copy link
Contributor

Looks good. Please squash.

kevinparkerson added 2 commits June 11, 2015 16:41
…er" wrapper around "ul.step" so that overflow: hidden is only applied to that area. Provides backwards compatability for developers using the older markup syntax.
interactivellama added a commit that referenced this pull request Jun 11, 2015
Wrap wizard steps in hidden overflow instead of entire control
@interactivellama interactivellama merged commit dc367d9 into ExactTarget:master Jun 11, 2015
@interactivellama interactivellama modified the milestones: 3.8.0, 3.9.0 Jun 25, 2015
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants