diff --git a/css/media.css b/css/media.css index cf466b7..2eec2ee 100644 --- a/css/media.css +++ b/css/media.css @@ -13,6 +13,39 @@ display: none; } +/* Remove the default border */ +.ui-widget-content { + border: none; +} + +#media-browser-tabset { + +} + +#media-dialog-tabs-wrapper { + height: 2.6em; + padding-left: 10px; +} + + +#media-dialog-tabs-wrapper h2.media-browser-title { + float: left; +} + +#media-browser-tabset ul.tabs { + padding: 0; + border: none; +} + +/* Reset the height to match the browser */ +#media-browser-tabset ul.tabs.primary li a:link { + height: 2em; +} + +.media-browser-tab.ui-tabs-panel { + border: 1px solid #cccccc; +} + /* Media item */ .media-item { @@ -20,10 +53,12 @@ border: 1px solid #CCCCCC; padding: 5px; width: 100px; + height: 100px; } .media-item img { height: auto; + max-height: 80px; width: 100%; } diff --git a/includes/media.browser.inc b/includes/media.browser.inc index fb13c65..969a322 100644 --- a/includes/media.browser.inc +++ b/includes/media.browser.inc @@ -138,7 +138,7 @@ function media_browser($selected = NULL) { '#suffix' => '', ); $output['tabset']['list'] = array( - '#markup' => theme('item_list', array('items' => $tabs)), + '#markup' => theme('media_dialog_tabs', array('tabs' => $tabs)), ); $output['tabset']['plugins'] = $plugin_output; diff --git a/includes/media.theme.inc b/includes/media.theme.inc index d801baa..2d2a399 100644 --- a/includes/media.theme.inc +++ b/includes/media.theme.inc @@ -23,6 +23,8 @@ function theme_media_file_list($element) { /** * Default theming function for creating the browser frame. * + * @NOTE this function seems to have been depricated. Can it be removed? + * * Assumes an array of file objects as $files and an * array of $parameters * @@ -232,3 +234,22 @@ function theme_media_formatter_large_icon($variables) { } return theme('image', $variables); } + + +/** + * Renders the tabs on the media browser page. + * + * @param type $variables + * @return type + */ +function theme_media_dialog_tabs($variables) { + $html = "