This is an automated email from the ASF dual-hosted git repository.
rohit pushed a commit to branch 4.16
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/4.16 by this push:
new 5eccbc9 ui: Add footer text option for login screen (#5628)
5eccbc9 is described below
commit 5eccbc9521924639707faac81a1f03f62d6537f8
Author: Hoang Nguyen <[email protected]>
AuthorDate: Thu Dec 30 17:51:40 2021 +0700
ui: Add footer text option for login screen (#5628)
* add footer text option for login screen
* using single key for policy
* set empty for default policy text
* rename footer text key
* rename the footer text property name
* change position avoid breaking with docHelp
* change position of properties
---
ui/public/config.json | 1 +
ui/src/layouts/UserLayout.vue | 23 +++++++++++++++++++++++
2 files changed, 24 insertions(+)
diff --git a/ui/public/config.json b/ui/public/config.json
index 6c13408..e999480 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -10,6 +10,7 @@
"docBase": "http://docs.cloudstack.apache.org/en/latest";,
"appTitle": "CloudStack",
"footer": "Licensed under the <a href='http://www.apache.org/licenses/'
target='_blank'>Apache License</a>, Version 2.0.",
+ "loginFooter": "",
"logo": "assets/logo.svg",
"banner": "assets/banner.svg",
"error": {
diff --git a/ui/src/layouts/UserLayout.vue b/ui/src/layouts/UserLayout.vue
index e25bab4..97faff1 100644
--- a/ui/src/layouts/UserLayout.vue
+++ b/ui/src/layouts/UserLayout.vue
@@ -31,6 +31,9 @@
</div>
<route-view></route-view>
</div>
+ <div class="user-layout-footer" v-if="$config.loginFooter">
+ <label v-html="$config.loginFooter"></label>
+ </div>
</div>
</template>
@@ -97,5 +100,25 @@ export default {
margin-bottom: 1rem;
}
}
+
+ &-footer {
+ display: flex;
+ flex-direction: column;
+ position: absolute;
+ bottom: 20px;
+ text-align: center;
+ width: 100%;
+
+ @media (max-height: 600px) {
+ position: relative;
+ margin-top: 50px;
+ }
+
+ label {
+ width: 368px;
+ font-weight: 500;
+ margin: 0 auto;
+ }
+ }
}
</style>
