This is an automated email from the ASF dual-hosted git repository.
heneveld pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/brooklyn-ui.git
The following commit(s) were added to refs/heads/master by this push:
new 88f4eece use a fixed width container for catalog icons, like we do for
other icons
88f4eece is described below
commit 88f4eece7a295d1fc027563a23580309ac83ff1e
Author: Alex Heneveld <[email protected]>
AuthorDate: Thu Jul 11 12:28:47 2024 +0100
use a fixed width container for catalog icons, like we do for other icons
96px and this technique is what is used elsewhere (from bootstrap)
---
ui-modules/catalog/app/index.less | 5 +++++
ui-modules/catalog/app/views/bundle/bundle.template.html | 2 +-
ui-modules/catalog/app/views/catalog/catalog.template.html | 2 +-
3 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/ui-modules/catalog/app/index.less
b/ui-modules/catalog/app/index.less
index ba3d5fb7..f268798a 100644
--- a/ui-modules/catalog/app/index.less
+++ b/ui-modules/catalog/app/index.less
@@ -153,3 +153,8 @@
// Load last so that these style rules and var values trump others
@import "~brooklyn-shared/style/last.less";
+.icon-96 {
+ width: 96px;
+ min-width: 96px;
+ max-width: 96px;
+}
\ No newline at end of file
diff --git a/ui-modules/catalog/app/views/bundle/bundle.template.html
b/ui-modules/catalog/app/views/bundle/bundle.template.html
index 19ae6949..2a636473 100644
--- a/ui-modules/catalog/app/views/bundle/bundle.template.html
+++ b/ui-modules/catalog/app/views/bundle/bundle.template.html
@@ -21,7 +21,7 @@
<header class="row">
<div class="col-md-12">
<div class="media">
- <div class="media-left" ng-if="bundle.symbolicName">
+ <div class="media-left icon-96"
ng-if="bundle.symbolicName">
<img ng-src="{{::bundle |
iconGeneratorPipe:'symbolicName'}}" class="media-object"
alt="{{::bundle.symbolicName}}'s logo" />
</div>
<div class="media-body">
diff --git a/ui-modules/catalog/app/views/catalog/catalog.template.html
b/ui-modules/catalog/app/views/catalog/catalog.template.html
index cee272bd..972c5fdf 100644
--- a/ui-modules/catalog/app/views/catalog/catalog.template.html
+++ b/ui-modules/catalog/app/views/catalog/catalog.template.html
@@ -74,7 +74,7 @@
ng-class="{'expanded': !isCollapsed, 'is-expandable':
bundle.types.length > 0}"
class="list-group-item bundles-list">
<div class="media bundle-top-region" ng-init="isCollapsed
= true" ng-click="isCollapsed = bundle.types.length > 0 ? !isCollapsed : true">
- <div class="media-left">
+ <div class="media-left icon-96">
<a ui-sref="bundle({bundleId: bundle.symbolicName,
bundleVersion: bundle.version})">
<img ng-src="{{::bundle |
iconGeneratorPipe:'symbolicName'}}" class="media-object"
alt="{{::bundle.symbolicName}}'s logo" />
</a>
