diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css index 5eef7fc324..77afe1b64c 100644 --- a/src/components/cardbuilder/card.css +++ b/src/components/cardbuilder/card.css @@ -226,8 +226,8 @@ button::-moz-focus-inner { } .visualCardBox .cardContent { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + border-top-left-radius: 0.2em; + border-top-right-radius: 0.2em; } .cardContent-shadow, diff --git a/src/controllers/dashboard/library.js b/src/controllers/dashboard/library.js index 7faf922115..66f9f2e692 100644 --- a/src/controllers/dashboard/library.js +++ b/src/controllers/dashboard/library.js @@ -9,6 +9,7 @@ import '../../components/cardbuilder/card.css'; import '../../elements/emby-itemrefreshindicator/emby-itemrefreshindicator'; import Dashboard, { pageClassOn, pageIdOn } from '../../scripts/clientUtils'; import confirm from '../../components/confirm/confirm'; +import cardBuilder from '../../components/cardbuilder/cardBuilder'; /* eslint-disable indent */ @@ -276,10 +277,11 @@ import confirm from '../../components/confirm/confirm'; let hasCardImageContainer; if (imgUrl) { - html += '
"; + html += `
`; + html += ``; hasCardImageContainer = true; } else if (!virtualFolder.showNameWithIcon) { - html += '
'; + html += `
`; html += ''; hasCardImageContainer = true; } diff --git a/src/controllers/dashboard/plugins/available/index.js b/src/controllers/dashboard/plugins/available/index.js index efd84355fb..b277cca13a 100644 --- a/src/controllers/dashboard/plugins/available/index.js +++ b/src/controllers/dashboard/plugins/available/index.js @@ -104,13 +104,14 @@ function getPluginHtml(plugin, options, installedPlugins) { html += ''; diff --git a/src/controllers/dashboard/plugins/installed/index.js b/src/controllers/dashboard/plugins/installed/index.js index b7a1e3aede..a312df999f 100644 --- a/src/controllers/dashboard/plugins/installed/index.js +++ b/src/controllers/dashboard/plugins/installed/index.js @@ -54,8 +54,10 @@ function getPluginCardHtml(plugin, pluginConfigurationPages) { const configPage = pluginConfigurationPages.filter(function (pluginConfigurationPage) { return pluginConfigurationPage.PluginId == plugin.Id; })[0]; + const configPageUrl = configPage ? Dashboard.getPluginUrl(configPage.Name) : null; let html = ''; + html += `
`; html += '
'; html += '
'; @@ -67,12 +69,12 @@ function getPluginCardHtml(plugin, pluginConfigurationPages) { html += '
'; } - html += ``; if (plugin.HasImage) { - html += ``; + html += ``; + } else { + html += ``; } - html += ''; html += configPageUrl ? '' : '
'; html += '
'; html += '
'; @@ -140,7 +142,7 @@ function showPluginMenu(page, elem) { const id = card.getAttribute('data-id'); const name = card.getAttribute('data-name'); const removable = card.getAttribute('data-removable'); - const configHref = card.querySelector('.cardContent').getAttribute('href'); + const configHref = card.querySelector('.cardImageContainer').getAttribute('href'); const status = card.getAttribute('data-status'); const version = card.getAttribute('data-version'); const menuItems = []; diff --git a/src/controllers/dashboard/users/userprofilespage.js b/src/controllers/dashboard/users/userprofilespage.js index 33d445639f..250bbbd535 100644 --- a/src/controllers/dashboard/users/userprofilespage.js +++ b/src/controllers/dashboard/users/userprofilespage.js @@ -10,6 +10,7 @@ import '../../../components/indicators/indicators.css'; import '../../../assets/css/flexstyles.scss'; import Dashboard, { pageIdOn } from '../../../scripts/clientUtils'; import confirm from '../../../components/confirm/confirm'; +import cardBuilder from '../../../components/cardbuilder/cardBuilder'; /* eslint-disable indent */ @@ -93,7 +94,7 @@ import confirm from '../../../components/confirm/confirm'; html += '