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

Add the missing right hand side margin for name fields

Browse Source
This commit is contained in:
Kenn Jacobsen
2019-02-13 19:30:28 +01:00
committed by Sebastiaan Janssen
parent 19f884e196
commit 5cf0a3adb0
3 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Umbraco.Web.UI.Client/src/less/components/editor.less
View File

@@ -63,14 +63,14 @@
// header
.umb-editor-header {
background: @white;
position: absolute;
padding-left: 20px;
z-index: @zIndexEditor;
border-bottom: 1px solid @gray-9;
width: 100%;
box-sizing: border-box;
height: @editorHeaderHeight;
background: @white;
position: absolute;
padding-left: 20px;
z-index: @zIndexEditor;
border-bottom: 1px solid @gray-9;
width: 100%;
box-sizing: border-box;
height: @editorHeaderHeight;
}
.umb-editor-header__back {
@@ -84,6 +84,14 @@
display: flex;
}
.umb-editor-header__name-and-description {
margin-right: 20px;
}
.-split-view-active .umb-editor-header__name-and-description {
margin-right: 0;
}
.umb-editor-header__name-wrapper ng-form {
flex: 1 1 auto;
}

6
src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
View File

@@ -1,4 +1,4 @@
<div data-element="editor-header" class="umb-editor-header">
<div data-element="editor-header" class="umb-editor-header" ng-class="{'-split-view-active': splitViewOpen === true}">
<div class="flex items-center" style="height: 100%;">
@@ -10,7 +10,7 @@
<div class="flex items-center" style="flex: 1;">
<div id="nameField" style="flex: 1 1 auto;">
<div id="nameField" class="umb-editor-header__name-and-description" style="flex: 1 1 auto;">
<div class="umb-editor-header__name-wrapper">
<ng-form name="headerNameForm">
<input
@@ -60,7 +60,7 @@
</a>
</div>
<div ng-if="content.apps && splitViewOpen !== true" style="margin-left: 20px;">
<div ng-if="content.apps && splitViewOpen !== true">
<umb-editor-navigation
data-element="editor-sub-views"
navigation="content.apps"

6
src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
View File

@@ -1,4 +1,4 @@
<div data-element="editor-header" class="umb-editor-header">
<div data-element="editor-header" class="umb-editor-header" ng-class="{'-split-view-active': splitViewOpen === true}">
<div class="flex items-center" style="height: 100%;">
@@ -20,7 +20,7 @@
</div>
</ng-form>
<div id="nameField" style="flex: 1 1 auto;">
<div id="nameField" class="umb-editor-header__name-and-description" style="flex: 1 1 auto;">
<div class="umb-editor-header__name-wrapper">
<ng-form name="headerNameForm">
<input data-element="editor-name-field"
@@ -69,7 +69,7 @@
</div>
<div ng-if="navigation && splitViewOpen !== true" style="margin-left: 20px;">
<div ng-if="navigation && splitViewOpen !== true">
<umb-editor-navigation
data-element="editor-sub-views"
navigation="navigation"