diff --git a/Assets/css/plugin-manager-icons.css b/Assets/css/plugin-manager-icons.css index 1930a43..723324a 100644 --- a/Assets/css/plugin-manager-icons.css +++ b/Assets/css/plugin-manager-icons.css @@ -10,6 +10,11 @@ pointer-events: none; } +.pm-plugin-icon-red { + content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' fill='%23B71234' class='bi bi-plugin pm-plugin-icon' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707 1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562-1.414-1.414 1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z'/%3E%3C/svg%3E"); + pointer-events: none; +} + .pm-action-icon { content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' class='pm-action-icon' fill='%23034CA6' viewBox='0 0 52 52' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.6 37.6c-.5-.1-1.1-.1-1.6-.2-.1 0-.2-.1-.2-.2-.2-.6-.5-1.2-.7-1.7v-.3c.3-.4.7-.9 1-1.3.2-.3.2-.6-.1-.9l-1.8-1.8c-.1-.1-.3-.2-.4-.2s-.3.1-.4.2c-.4.3-.9.7-1.3 1-.1 0-.1.1-.1.1h-.1c-.6-.2-1.1-.5-1.7-.7-.1 0-.2-.1-.2-.2-.1-.5-.1-1-.2-1.5 0-.3-.1-.5-.4-.7-.1-.1-.2-.1-.2-.1h-2.6c-.2 0-.3 0-.4.1-.2.2-.4.4-.4.7 0 .5-.1 1-.2 1.5 0 .1-.1.2-.2.2-.6.2-1.1.5-1.7.7h-.1c-.1 0-.1 0-.2-.1-.4-.3-.8-.7-1.3-1-.1-.1-.2-.2-.4-.2s-.3.1-.5.2L29.4 33c-.3.3-.3.6-.1.9.3.4.7.8 1 1.3.1.1.1.2 0 .3-.2.6-.5 1.1-.7 1.7 0 .1-.1.2-.2.2-.5.1-1 .1-1.5.2-.3 0-.6.2-.7.5v3c.2.3.4.4.7.5.5 0 1 .1 1.5.2.1 0 .2.1.2.2.2.6.5 1.1.7 1.7 0 .1.1.2 0 .3-.3.4-.7.9-1 1.3-.2.3-.2.6.1.9l1.8 1.8c.2.2.3.2.5.2.1 0 .3-.1.4-.2.4-.3.8-.7 1.3-1 .1 0 .1-.1.2-.1h.1c.6.2 1.1.5 1.7.7.1 0 .2.1.2.2.1.5.1 1.1.2 1.6 0 .4.3.6.7.6H39c.4 0 .6-.2.7-.6.1-.5.1-1.1.2-1.6 0-.1.1-.2.2-.2.6-.2 1.2-.5 1.7-.7h.1s.1 0 .1.1c.4.3.9.7 1.3 1 .1.1.3.2.4.2.2 0 .3-.1.5-.2l1.8-1.8c.3-.3.3-.6.1-.9-.3-.4-.7-.8-1-1.3-.1-.1-.1-.2 0-.3.2-.6.5-1.1.7-1.7 0-.1.1-.2.2-.2.5-.1 1.1-.1 1.6-.2.4 0 .6-.3.6-.7v-2.5c0-.5-.2-.7-.6-.8zm-9.8 6s-.1 0 0 0c-2.3 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4c-.1 2.2-1.9 4-4 4zm.9-22.9c-.2-.8-.8-1.3-1.6-1.3h-9.6c-1.2 0-.6-1-.6-1 .2-.4.4-.7.5-1.1 2.2-4.3 4.3-8.6 6.5-12.9.8-1.2 0-2.4-1.4-2.4H14.6c-.9 0-1.3.3-1.7 1.1-3 7.6-6 15.1-8.9 22.7 0 .2-.1.4-.1.5-.1 1 .6 1.7 1.7 1.7h9.7c.7.1 2.1.4 1.4 2.2-1.2 3.1-2.4 6.1-3.6 9.2-1.2 2.8-2.3 5.6-3.4 8.4-.4 1 0 1.9 1 2.2.7.2 1.2-.1 1.7-.6 4-4.2 8-8.4 12-12.7.5-.5.9-1 1.4-1.5.6-.6.5-1.6.5-1.6 0-1 .3-1.9 1.1-2.7l1.8-1.8c.7-.7 1.6-1.1 2.6-1.1.7 0 1.1-.3 1.3-.4l.1-.1c1.7-1.8 3.5-3.7 5.2-5.5.3-.3.5-.8.3-1.3z'/%3E%3C/svg%3E"); pointer-events: none; @@ -45,6 +50,11 @@ pointer-events: none; } +.pm-homepage-globe-icon { + content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' fill='%234D4D4D' class='bi bi-globe-americas pm-homepage-globe-icon' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM2.04 4.326c.325 1.329 2.532 2.54 3.717 3.19.48.263.793.434.743.484-.08.08-.162.158-.242.234-.416.396-.787.749-.758 1.266.035.634.618.824 1.214 1.017.577.188 1.168.38 1.286.983.082.417-.075.988-.22 1.52-.215.782-.406 1.48.22 1.48 1.5-.5 3.798-3.186 4-5 .138-1.243-2-2-3.5-2.5-.478-.16-.755.081-.99.284-.172.15-.322.279-.51.216-.445-.148-2.5-2-1.5-2.5.78-.39.952-.171 1.227.182.078.099.163.208.273.318.609.304.662-.132.723-.633.039-.322.081-.671.277-.867.434-.434 1.265-.791 2.028-1.12.712-.306 1.365-.587 1.579-.88A7 7 0 1 1 2.04 4.327Z'/%3E%3C/svg%3E%0A"); + pointer-events: none; +} + .pm-database-icon { content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' class='bi bi-database pm-database-icon' fill='%234D4D4D' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313ZM13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A4.92 4.92 0 0 0 13 5.698ZM14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13V4Zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A4.92 4.92 0 0 0 13 8.698Zm0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525Z'/%3E%3C/svg%3E%0A"); pointer-events: none; @@ -60,8 +70,13 @@ pointer-events: none; } +.plugin-schema .tooltip .pm-database-add-icon { + content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' fill='%23FF6500' class='bi bi-database-add pm-database-add-icon' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Z'/%3E%3Cpath d='M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z'/%3E%3C/svg%3E"); + pointer-events: initial; +} + /* ORANGE */ -.has-schema.pm-database-add-icon { +.has-schema.pm-database-add-icon, .plugin-schema .tooltip .pm-database-add-icon { content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' fill='%23FF6500' class='bi bi-database-add pm-database-add-icon' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Z'/%3E%3Cpath d='M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z'/%3E%3C/svg%3E"); pointer-events: initial; } diff --git a/Assets/css/plugin-manager.css b/Assets/css/plugin-manager.css index 2bb1167..a055082 100644 --- a/Assets/css/plugin-manager.css +++ b/Assets/css/plugin-manager.css @@ -84,6 +84,15 @@ margin-right: 5px; } +.pm-page-header h2 .pm-plugin-icon { + margin-right: 5px; + width: 24px; + height: 24px; + display: inline-block; + vertical-align: top; + margin-block-start: 5px; +} + .pm-page-header h2 .pm-problems-icon { top: 2px; position: relative; @@ -109,16 +118,18 @@ color: var(--pp-red); } -.pm-page-title h3 svg { - vertical-align: text-top; +.pm-page-title h3 span { + width: 20px; + height: 20px; + vertical-align: top; + margin-top: 1px; + display: inline-block; + margin-right: 5px; } -.plugin-name svg { +.plugin-name span.pm-plugin-icon { vertical-align: sub; - pointer-events: none; margin-right: 5px; - color: var(--blue-icon-dark); - fill: var(--blue-icon-dark); } #PluginSideBar > ul li { @@ -221,10 +232,6 @@ top: -7px; } -.plugin-list-clipboard span svg { - pointer-events: none; -} - .copy-installed-list-format { background-color: var(--pp-green-dark); color: var(--pp-white); @@ -352,12 +359,9 @@ } .plugin-schema { - vertical-align: middle; - display: inline-block; - color: var(--pp-orange); margin: auto 2px; flex: 1; - height: 15px; + height: 18px; } .plugin-homepage, .plugin-readme, .has-schema, .has-overrides { @@ -380,18 +384,18 @@ .plugin-action .plugin-schema .tooltip { border: 1px solid var(--pp-grey); - padding-top: 7px; - padding-bottom: 7px; + padding-top: 5px; + padding-bottom: 6px; padding-left: 3px; border-radius: var(--border-radius-pm); + display: inline-flex; } -.plugin-schema .tooltip svg { +.plugin-schema .tooltip span { vertical-align: bottom; - pointer-events: none; } -.plugin-homepage a svg, .plugin-readme a svg { +.plugin-homepage a span, .plugin-readme a span { padding: 3px 0; padding-bottom: 5px; pointer-events: none; @@ -425,7 +429,6 @@ a.btn-action:hover { color: var(--pp-red-alt-2) !important; - fill: var(--pp-red-alt-2); } .btn-uninstall { @@ -628,7 +631,7 @@ td.available-plugin-description .markdown p { margin-bottom: 5px; } -.available-plugin-structure .btn-action:hover { +.available-plugin-structure .btn-action:hover, .plugin-action .btn-action:hover { border-color: var(--pp-red); box-shadow: 0 0 0 1px var(--pp-red); } diff --git a/Template/plugin/show.php b/Template/plugin/show.php index 7e40092..ed10a00 100644 --- a/Template/plugin/show.php +++ b/Template/plugin/show.php @@ -8,18 +8,13 @@ function sortPlugins(&$arr) ?>

- - - -

+

- - - +

@@ -43,24 +38,19 @@ function sortPlugins(&$arr) getPluginName()) ?>" class=""> - - - - - text->e($plugin->getPluginName()) ?> + text->e($plugin->getPluginName()) ?> text->e($plugin->getPluginAuthor()) ?> text->e($plugin->getPluginVersion()) ?> - text->e($plugin->getCompatibleVersion()) ?> + + text->e($plugin->getCompatibleVersion()) ?> + getPluginName()); ?> - - - - + @@ -70,10 +60,7 @@ function sortPlugins(&$arr) getPluginHomepage()): ?> - - - - + @@ -83,10 +70,7 @@ function sortPlugins(&$arr) $homepage = $plugin->getPluginHomepage(); ?> " class="btn-action" target="_blank" rel="noopener noreferrer" title=" ⇗ "> - - - - + @@ -129,11 +113,7 @@ function sortPlugins(&$arr)
@@ -165,11 +145,7 @@ function sortPlugins(&$arr) getPluginName()) ?>" class=""> - - - - - text->e($plugin->getPluginName()) ?> + text->e($plugin->getPluginName()) ?> text->e($plugin->getPluginAuthor()) ?> text->e($plugin->getPluginVersion()) ?> @@ -183,10 +159,7 @@ function sortPlugins(&$arr) - - - - + @@ -196,10 +169,7 @@ function sortPlugins(&$arr) getPluginHomepage()): ?> - - - - + @@ -209,10 +179,7 @@ function sortPlugins(&$arr) $homepage = $plugin->getPluginHomepage(); ?> " class="btn-action" target="_blank" rel="noopener noreferrer" title=" ⇗ "> - - - - +