diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2011-08-02 18:21:34 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2011-08-02 18:21:59 -0400 |
| commit | 6ca310f49a010dc0c650da155dab378544f08363 (patch) | |
| tree | fb0069122e71dd4491c20ac71df220f2b57b4e8b | |
| parent | 8108ec82dbc1c203893db18aac827b93d48cfc07 (diff) | |
| download | jquery-ui-6ca310f49a010dc0c650da155dab378544f08363.tar.gz jquery-ui-6ca310f49a010dc0c650da155dab378544f08363.zip | |
Tabs: Better styling for bottom tabs demo. Partial fix for #4785 - Add a tabs demo with the tabs at the bottom.
| -rw-r--r-- | demos/tabs/bottom.html | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/demos/tabs/bottom.html b/demos/tabs/bottom.html index b677c629c..3ae04cf1f 100644 --- a/demos/tabs/bottom.html +++ b/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> |