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

change main editor from absolute positioning to flex box. Sets auto height on editor footer so it can expand

Browse Source
This commit is contained in:
Mads Rasmussen
2016-07-28 12:33:32 +02:00
parent b631db14c3
commit 3cdf80a82b
4 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,29 +5,31 @@
.umb-editor-wrapper{
background: white;
position: absolute;
top: 0px; bottom: 0px; left: 0px; right: 0px;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
}
.umb-editor-header{
.umb-editor-header {
background: @grayLighter;
border-bottom: 1px solid @grayLight;
position: absolute;
height: 99px;
top: 0px;
right: 0px;
left: 0px;
flex: 0 0 99px;
position: relative;
}
.umb-editor-container {
top: 101px;
left: 0px;
right: 0px;
bottom: 52px;
position: absolute;
clear: both;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
flex: 1 1 100%;
}
.umb-editor-wrapper.-no-footer .umb-editor-container {
@@ -38,18 +40,12 @@
overflow: hidden;
}
.umb-editor-drawer{
.umb-editor-drawer {
margin: 0;
padding: 10px 20px;
z-index: 999;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 31px;
background: @grayLighter;
border-top: 1px solid @grayLight;
flex: 1 0 31px;
}