Skip to content
Browse files

Tabs: Better styling for bottom tabs demo. Partial fix for #4785 - Ad…

…d a tabs demo with the tabs at the bottom.
  • Loading branch information...
1 parent 8108ec8 commit 6ca310f49a010dc0c650da155dab378544f08363 @scottgonzalez scottgonzalez committed Aug 2, 2011
Showing with 4 additions and 5 deletions.
  1. +4 −5 demos/tabs/bottom.html
View
9 demos/tabs/bottom.html
@@ -18,11 +18,10 @@
});
</script>
<style>
- #tabs { height: 200px; }
- .tabs-bottom { position: relative; }
- .tabs-bottom .ui-tabs-panel { height: 140px; overflow: auto; }
- .tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; }
- .tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
+ #tabs { height: 200px; }
+ .tabs-bottom .ui-tabs-nav { position: absolute; left: 0; bottom: 0; right: 0; padding: 0 .2em .2em; }
+ .tabs-bottom .ui-tabs-nav li { top: auto; bottom: 0; margin: 0 .2em 1px 0; border-bottom: auto; border-top: 0 !important; }
+ .tabs-bottom .ui-tabs-nav li.ui-tabs-active { margin-top: -1px; padding-top: 1px; }
</style>
</head>
<body>

0 comments on commit 6ca310f

Please sign in to comment.
Something went wrong with that request. Please try again.