yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Package section: Edit view (#9054)

Browse Source 
* Convert div to buttons, fix styling and fix missing brackets

* removes umb-icon ng-class attrs

Co-authored-by: Nathan Woulfe <nathan@nathanw.com.au>
This commit is contained in:
Jan Skovgaard
2020-12-05 00:12:38 +01:00
committed by GitHub
parent 81e3798595
commit f8cff2722d
3 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Umbraco.Web.UI.Client/src/less/components/html/umb-expansion-panel.less
View File

@@ -10,11 +10,12 @@
font-weight: bold;
display: flex;
align-items: center;
cursor: pointer;
justify-content: space-between;
color: @black;
width: 100%;
&:hover .umb-expansion-panel__expand {
&:hover .umb-expansion-panel__expand,
&:focus .umb-expansion-panel__expand {
color: @gray-6;
}
}

36
src/Umbraco.Web.UI.Client/src/views/packages/edit.html
View File

@@ -19,10 +19,10 @@
<div class="umb-expansion-panel">
<div class="umb-expansion-panel__header" ng-click="vm.propertiesOpen = !vm.propertiesOpen">
<div><localize key="packager_packageProperties">Package Properties</localize></div>
<umb-icon icon="{{vm.propertiesOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-expansion-panel__expand" ng-class="{'icon-navigation-down': !vm.propertiesOpen, 'icon-navigation-up': vm.propertiesOpen}">&nbsp;</umb-icon>
</div>
<button type="button" aria-expanded="{{vm.propertiesOpen}}" class="btn-reset umb-expansion-panel__header" ng-click="vm.propertiesOpen = !vm.propertiesOpen">
<span><localize key="packager_packageProperties">Package Properties</localize></span>
<umb-icon icon="{{vm.propertiesOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-expansion-panel__expand">&nbsp;</umb-icon>
</button>
<div class="umb-expansion-panel__content" ng-show="vm.propertiesOpen">
@@ -103,10 +103,10 @@
<div class="umb-expansion-panel">
<div class="umb-expansion-panel__header" ng-click="vm.contentOpen = !vm.contentOpen">
<div><localize key="packager_packageContent">Package Content</localize></div>
<umb-icon icon="vm.contentOpen ? 'icon-navigation-up' : 'icon-navigation-down'" class="umb-expansion-panel__expand" ng-class="{'icon-navigation-down': !vm.contentOpen, 'icon-navigation-up': vm.contentOpen}">&nbsp;</umb-icon>
</div>
<button type="button" aria-expanded="{{vm.contentOpen}}" class="btn-reset umb-expansion-panel__header" ng-click="vm.contentOpen = !vm.contentOpen">
<span><localize key="packager_packageContent">Package Content</localize></span>
<umb-icon icon="{{vm.contentOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-expansion-panel__expand">&nbsp;</umb-icon>
</button>
<div class="umb-expansion-panel__content" ng-show="vm.contentOpen">
@@ -206,15 +206,13 @@
<div class="umb-expansion-panel">
<div class="umb-expansion-panel__header" ng-click="vm.filesOpen = !vm.filesOpen">
<div><localize key="packager_packageFiles">Package Files</localize></div>
<umb-icon icon="{{vm.filesOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-expansion-panel__expand" ng-class="{'icon-navigation-down': !vm.filesOpen, 'icon-navigation-up': vm.filesOpen}">&nbsp;</umb-icon>
</div>
<button type="button" aria-expanded="{{vm.filesOpen}}" class="btn-reset umb-expansion-panel__header" ng-click="vm.filesOpen = !vm.filesOpen">
<span><localize key="packager_packageFiles">Package Files</localize></span>
<umb-icon icon="{{vm.filesOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-expansion-panel__expand">&nbsp;</umb-icon>
</button>
<div class="umb-expansion-panel__content" ng-show="vm.filesOpen">
<!--
<p>Remember: .xslt and .ascx files for your macros will be added automaticly, but you will still need to add assemblies, images and script files manually to the list below.</p>
-->
<umb-control-group
label="@packager_pathToFile"
description="@packager_pathToFileDescription">
@@ -263,10 +261,10 @@
</div>
<div class="umb-expansion-panel">
<div class="umb-expansion-panel__header" ng-click="vm.actionsOpen = !vm.actionsOpen">
<div><localize key="packager_packageActions">Package Actions</localize></div>
<umb-icon icon="vm.actionsOpen ? 'icon-navigation-up' : 'icon-navigation-down'" class="umb-expansion-panel__expand" ng-class="{'icon-navigation-down': !vm.actionsOpen, 'icon-navigation-up': vm.actionsOpen}">&nbsp;</umb-icon>
</div>
<button type="button" aria-expanded="{{vm.actionsOpen}}" class="btn-reset umb-expansion-panel__header" ng-click="vm.actionsOpen = !vm.actionsOpen">
<span><localize key="packager_packageActions">Package Actions</localize></span>
<umb-icon icon="{{vm.actionsOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-expansion-panel__expand">&nbsp;</umb-icon>
</button>
<div class="umb-expansion-panel__content" ng-show="vm.actionsOpen">
<umb-control-group
label="@packager_actions"

4
src/Umbraco.Web.UI.Client/src/views/packages/views/created.html
View File

@@ -5,7 +5,7 @@
<umb-editor-sub-header-content-left>
<umb-button
button-style="action"
type="button"
type="button"
action="vm.createPackage()"
label="Create package"
label-key="packager_createPackage">
@@ -20,7 +20,7 @@
<td class="flex items-center">
<div class="umb-package-list__item-icon">
<i ng-if="!createdPackage.iconUrl" class="icon-box"></i>
<img ng-if="createdPackage.iconUrl" ng-src="{{createdPackage.iconUrl}}" />
<img ng-if="createdPackage.iconUrl" ng-src="{{createdPackage.iconUrl}}" alt="" />
</div>
<div class="umb-package-list__item-content">
<div class="umb-package-list__item-name">{{ createdPackage.name }}</div>