Adds the "works on Cloud" indicator to the package list and details screen in the back-office.

This commit is contained in:
Andy Butland
2021-06-08 10:08:27 +02:00
parent c01b2c5807
commit 97bc301bf8
4 changed files with 28 additions and 0 deletions

View File

@@ -157,6 +157,16 @@
color: @red !important;
}
.umb-package-link .umb-package-cloud {
margin-top: 8px;
font-size: 11px;
height: 11px; // ensures vertical space is taken up even if "works on cloud" isn't visible
}
.umb-package-link .umb-package-cloud .icon-cloud {
color: #2eadaf !important;
}
// Version
.umb-package-version {
display: inline-flex;

View File

@@ -62,6 +62,12 @@
<strong>{{package.likes}}</strong>
</small>
</div>
<div class="umb-package-cloud">
<div ng-if="package.certifiedToWorkOnUmbracoCloud">
<i class="icon-cloud" aria-hidden="true"></i>
<span><localize key="packager_certifiedToWorkOnUmbracoCloud">Certified to work on Umbraco Cloud</localize></span>
</div>
</div>
</div>
</div>
@@ -101,6 +107,12 @@
<strong>{{ package.likes }}</strong>
</small>
</div>
<div class="umb-package-cloud">
<div ng-if="package.certifiedToWorkOnUmbracoCloud">
<i class="icon-cloud" aria-hidden="true"></i>
<span><localize key="packager_certifiedToWorkOnUmbracoCloud">Certified to work on Umbraco Cloud</localize></span>
</div>
</div>
</div>
</div>
@@ -269,6 +281,10 @@
<div class="umb-package-details__information-item-content">{{vm.package.likes}}</div>
</div>
<div class="umb-package-details__information-item" ng-if="vm.package.certifiedToWorkOnUmbracoCloud">
<div class="umb-package-details__information-item-label"><localize key="packager_certifiedToWorkOnUmbracoCloud">Certified to work on Umbraco CLoud</localize></div>
</div>
</div>
</umb-box-content>
</umb-box>

View File

@@ -1288,6 +1288,7 @@ To manage your website, simply open the Umbraco backoffice and start adding cont
<key alias="installStateComplete">All done, your browser will now refresh, please wait...</key>
<key alias="installStateCompleted">Please click 'Finish' to complete installation and reload the page.</key>
<key alias="installStateUploading">Uploading package...</key>
<key alias="certifiedToWorkOnUmbracoCloud">Certified to work on Umbraco Cloud</key>
</area>
<area alias="paste">
<key alias="doNothing">Paste with full formatting (Not recommended)</key>

View File

@@ -1294,6 +1294,7 @@ To manage your website, simply open the Umbraco backoffice and start adding cont
<key alias="installStateComplete">All done, your browser will now refresh, please wait...</key>
<key alias="installStateCompleted">Please click 'Finish' to complete installation and reload the page.</key>
<key alias="installStateUploading">Uploading package...</key>
<key alias="certifiedToWorkOnUmbracoCloud">Certified to work on Umbraco Cloud</key>
</area>
<area alias="paste">
<key alias="doNothing">Paste with full formatting (Not recommended)</key>