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 cfbcbae7 use em not vh as size of status icon
cfbcbae7 is described below
commit cfbcbae7c38bbc5d30b231c31f8e88b532d348c4
Author: Alex Heneveld <[email protected]>
AuthorDate: Tue Dec 13 01:10:18 2022 +0000
use em not vh as size of status icon
scales better
---
ui-modules/utils/status/status.less | 4 ++--
ui-modules/utils/status/status.template.html | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/ui-modules/utils/status/status.less
b/ui-modules/utils/status/status.less
index fdbf6ec9..7d1531b6 100644
--- a/ui-modules/utils/status/status.less
+++ b/ui-modules/utils/status/status.less
@@ -38,7 +38,7 @@ brooklyn-status-icon, brooklyn-status-text {
brooklyn-status-icon {
display: inline-block;
-
+ font-size: 2em;
svg {
margin: 0 auto;
background: none;
@@ -48,7 +48,7 @@ brooklyn-status-icon {
height: 100%;
}
.fa {
- font-size: 6vh;
+ font-size: 2em; //vh in foreignObject does not seem to change as we
change zoom level; em does _if_ a parent ancestor defines it also
}
}
diff --git a/ui-modules/utils/status/status.template.html
b/ui-modules/utils/status/status.template.html
index 6204d204..0b43b21b 100644
--- a/ui-modules/utils/status/status.template.html
+++ b/ui-modules/utils/status/status.template.html
@@ -64,7 +64,7 @@
<!-- for tasks -->
<div ng-switch-when="COMPLETED">
<svg viewBox="20 20 60 60">
- <foreignObject x="20" y="15" width="100" height="100">
+ <foreignObject x="20" y="20" width="100" height="100">
<body>
<i class="fa fa-check-circle"></i>
</body>
@@ -73,7 +73,7 @@
</div>
<div ng-switch-when="FAILED">
<svg viewBox="20 20 60 60">
- <foreignObject x="20" y="15" width="100" height="100">
+ <foreignObject x="20" y="20" width="100" height="100">
<body>
<i class="fa fa-times-circle"></i>
</body>
