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

add directives to add sub headers to editors, make left and right content in sub headers and make sub sections

Browse Source
This commit is contained in:
Mads Rasmussen
2015-10-14 15:32:54 +02:00
parent 071eb4bc23
commit f9a236f639
10 changed files with 135 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Umbraco.Web.UI.Client/src/common/directives/components/editor/subheader/umbeditorsubheader.directive.js Normal file
View File

@@ -0,0 +1,18 @@
(function() {
'use strict';
function EditorSubHeaderDirective() {
var directive = {
transclude: true,
restrict: 'E',
replace: true,
templateUrl: 'views/components/editor/subheader/umb-editor-sub-header.html'
};
return directive;
}
angular.module('umbraco.directives').directive('umbEditorSubHeader', EditorSubHeaderDirective);
})();

18
src/Umbraco.Web.UI.Client/src/common/directives/components/editor/subheader/umbeditorsubheadercontentleft.directive.js Normal file
View File

@@ -0,0 +1,18 @@
(function() {
'use strict';
function EditorSubHeaderContentLeftDirective() {
var directive = {
transclude: true,
restrict: 'E',
replace: true,
templateUrl: 'views/components/editor/subheader/umb-editor-sub-header-content-left.html'
};
return directive;
}
angular.module('umbraco.directives').directive('umbEditorSubHeaderContentLeft', EditorSubHeaderContentLeftDirective);
})();

18
src/Umbraco.Web.UI.Client/src/common/directives/components/editor/subheader/umbeditorsubheadercontentright.directive.js Normal file
View File

@@ -0,0 +1,18 @@
(function() {
'use strict';
function EditorSubHeaderContentRightDirective() {
var directive = {
transclude: true,
restrict: 'E',
replace: true,
templateUrl: 'views/components/editor/subheader/umb-editor-sub-header-content-right.html'
};
return directive;
}
angular.module('umbraco.directives').directive('umbEditorSubHeaderContentRight', EditorSubHeaderContentRightDirective);
})();

18
src/Umbraco.Web.UI.Client/src/common/directives/components/editor/subheader/umbeditorsubheadersection.directive.js Normal file
View File

@@ -0,0 +1,18 @@
(function() {
'use strict';
function EditorSubHeaderSectionDirective() {
var directive = {
transclude: true,
restrict: 'E',
replace: true,
templateUrl: 'views/components/editor/subheader/umb-editor-sub-header-section.html'
};
return directive;
}
angular.module('umbraco.directives').directive('umbEditorSubHeaderSection', EditorSubHeaderSectionDirective);
})();

1
src/Umbraco.Web.UI.Client/src/less/belle.less
View File

@@ -84,6 +84,7 @@
@import "components/umb-editor-navigation.less";
@import "components/umb-editor-sub-views.less";
@import "components/umb-editor-toolbar.less";
@import "components/editor/subheader/umb-editor-sub-header.less";
@import "components/umb-grid-selector.less";
@import "components/umb-child-selector.less";
@import "components/umb-group-builder.less";

52
src/Umbraco.Web.UI.Client/src/less/components/editor/subheader/umb-editor-sub-header.less Normal file
View File

@@ -0,0 +1,52 @@
.umb-editor-sub-header {
padding: 20px 0;
margin-bottom: 20px;
background: #ffffff;
display: flex;
justify-content: space-between;
}
.umb-editor-sub-header.-umb-sticky-bar {
box-shadow:
0 5px 0 rgba(0, 0, 0, 0.08),
0 1px 0 rgba(0, 0, 0, 0.16);
transition: box-shadow 1s;
margin-top: -30px;
}
.umb-editor-sub-header__content-left {
margin-right: auto;
}
.umb-editor-sub-header__content-right {
margin-left: auto;
}
.umb-editor-sub-header__content-left,
.umb-editor-sub-header__content-right {
display: flex;
align-items: stretch;
}
.umb-editor-sub-header__section {
border-left: 1px solid @grayLight;
display: flex;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.umb-editor-sub-header__content-left .umb-editor-sub-header__section:first-child {
border-left: none;
padding-left: 0;
}
.umb-editor-sub-header__content-right .umb-editor-sub-header__section {
border-left: none;
border-right: 1px solid @grayLight;
}
.umb-editor-sub-header__content-right .umb-editor-sub-header__section:last-child {
border-right: none;
padding-right: 0;
}

1
src/Umbraco.Web.UI.Client/src/views/components/editor/subheader/umb-editor-sub-header-content-left.html Normal file
View File

@@ -0,0 +1 @@
<div class="umb-editor-sub-header__content-left" ng-transclude></div>

1
src/Umbraco.Web.UI.Client/src/views/components/editor/subheader/umb-editor-sub-header-content-right.html Normal file
View File

@@ -0,0 +1 @@
<div class="umb-editor-sub-header__content-right" ng-transclude></div>

1
src/Umbraco.Web.UI.Client/src/views/components/editor/subheader/umb-editor-sub-header-section.html Normal file
View File

@@ -0,0 +1 @@
<div class="umb-editor-sub-header__section" ng-transclude></div>

7
src/Umbraco.Web.UI.Client/src/views/components/editor/subheader/umb-editor-sub-header.html Normal file
View File

@@ -0,0 +1,7 @@
<div
class="umb-editor-sub-header"
umb-sticky-bar
scrollable-container=".umb-editor-container"
scroll-body="#list-view-editor"
ng-transclude>
</div>