Improved UI element style.

This commit is contained in:
Sipke Schoorstra
2015-04-19 17:23:08 +02:00
parent 6727e61f6c
commit 1a889594d9
10 changed files with 30 additions and 18 deletions

View File

@@ -17,6 +17,11 @@
.layout-editor > .layout-canvas-wrapper > .layout-toolbar-container > .mce-panel {
width: 100% !important;
}
.layout-editor > .layout-canvas-wrapper .layout-content > .layout-element-wrapper .layout-content-markup > .layout-placeholder {
border: 1px dashed #ccc;
padding: 0.2em 0.4em;
background: #e8e8e8;
}
.layout-editor .layout-element {
position: relative;

File diff suppressed because one or more lines are too long

View File

@@ -17,3 +17,8 @@
.layout-editor > .layout-canvas-wrapper > .layout-toolbar-container > .mce-panel {
width: 100% !important;
}
.layout-editor > .layout-canvas-wrapper .layout-content > .layout-element-wrapper .layout-content-markup > .layout-placeholder {
border: 1px dashed #ccc;
padding: 0.2em 0.4em;
background: #e8e8e8;
}

View File

@@ -20,5 +20,11 @@
width: 100% !important;
}
}
.layout-content > .layout-element-wrapper .layout-content-markup > .layout-placeholder {
border: 1px dashed #ccc;
padding: 0.2em 0.4em;
background: #e8e8e8;
}
}
}

View File

@@ -1 +1 @@
.layout-editor{display:flex;margin-top:1em;font-size:14px;align-items:flex-start}.layout-editor>.layout-canvas-wrapper{flex-grow:1;background-color:#f3f4f5;border:1px solid #e4e5e6}.layout-editor>.layout-canvas-wrapper>.layout-toolbar-container{display:none;margin:12px 12px 0;min-height:71px}.layout-editor>.layout-canvas-wrapper>.layout-toolbar-container>.mce-panel{width:100% !important}
.layout-editor{display:flex;margin-top:1em;font-size:14px;align-items:flex-start}.layout-editor>.layout-canvas-wrapper{flex-grow:1;background-color:#f3f4f5;border:1px solid #e4e5e6}.layout-editor>.layout-canvas-wrapper>.layout-toolbar-container{display:none;margin:12px 12px 0;min-height:71px}.layout-editor>.layout-canvas-wrapper>.layout-toolbar-container>.mce-panel{width:100% !important}.layout-editor>.layout-canvas-wrapper .layout-content>.layout-element-wrapper .layout-content-markup>.layout-placeholder{border:1px dashed #ccc;padding:.2em .4em;background:#e8e8e8}

View File

@@ -2,7 +2,7 @@
@{
var element = (Shape) Model.Element;
}
<div class="element-snippet">
<strong>@T("Shape -")</strong>
@element.ShapeType
<div class="element-snippet layout-placeholder">
<span class="fa fa-circle"></span>
@T("{0} {1}", element.ShapeType, element.Descriptor.DisplayText)
</div>

View File

@@ -2,7 +2,6 @@
@{
var element = (Snippet) Model.Element;
}
<div class="element-snippet">
<strong>@T("Snippet -")</strong>
@element.Descriptor.DisplayText
<div class="element-snippet layout-placeholder">
<span class="fa fa-circle">@element.Descriptor.DisplayText</span>
</div>