library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tabs: Better styling for bottom tabs demo. Partial fix for #4785 - Add a tabs demo with the tabs at the bottom.

Browse Source
This commit is contained in:
Scott González 2011-08-02 18:21:34 -04:00
parent 8108ec82db
commit 6ca310f49a
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
demos/tabs/bottom.html
View File

@ -18,11 +18,10 @@
}); });
</script> </script>
<style> <style>
#tabs { height: 200px; } #tabs { height: 200px; }
.tabs-bottom { position: relative; } .tabs-bottom .ui-tabs-nav { position: absolute; left: 0; bottom: 0; right: 0; padding: 0 .2em .2em; }
.tabs-bottom .ui-tabs-panel { height: 140px; overflow: auto; } .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 { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } .tabs-bottom .ui-tabs-nav li.ui-tabs-active { margin-top: -1px; padding-top: 1px; }
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
</style> </style>
</head> </head>
<body> <body>