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

some ui love for the panel dialogs

Browse Source
This commit is contained in:
Simon Busborg
2015-11-19 10:32:17 +01:00
parent 6e53291877
commit 9c027dcdbc
2 changed files with 41 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/Umbraco.Web.UI.Client/src/less/main.less
View File

@@ -531,3 +531,26 @@ height:1px;
overflow: hidden;
}
// Helpers
.strong {
font-weight: bold;
}
.inline {
display: inline;
}
.input-label--title {
font-weight: bold;
color: @black;
margin-bottom: 3px;
}
.panel-dialog--header {
font-weight: bold;
border-bottom: 1px solid @gray;
padding-bottom: 10px;
}

12
src/Umbraco.Web.UI.Client/src/views/common/dialogs/template/snippet.html
View File

@@ -5,17 +5,21 @@
<div class="umb-panel">
<div class="umb-panel-header">
<h1 class="headline" style="margin: 10px 0 0 0">Configure the section</h1>
<h4 class="panel-dialog--header" style="border-bottom: 1px solid whitesmoke">Configure the section</h4>
</div>
<div class="umb-panel-body with-footer umb-querybuilder">
<label>
Section name:
<div class="input-label--title">
Section name:
</div>
<input type="text" ng-model="section.name"/>
</label>
<label ng-show="type === 'rendersection'">
<localize key="general_required">Required</localize>?
<input type="checkbox" ng-checked="section.required" ng-model="section.required"/>
<input style="margin: 0;" type="checkbox" ng-checked="section.required" ng-model="section.required"/>
<small class="small inline">
<localize key="general_required">Required</localize>
</small>
</label>
</div>