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

Added umb-editor width classes to all property editors

Browse Source
This commit is contained in:
perploug
2013-09-23 14:10:39 +02:00
parent 640286c283
commit d0c500824e
24 changed files with 44 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/Umbraco.Web.UI.Client/src/less/forms.less
View File

@@ -24,6 +24,12 @@ label.control-label {
.controls-row label{padding: 0px 10px 0px 10px; vertical-align: center}
//standard editor width
.umb-editor{width: 460px;}
//utill styll to hide child untill hover
.hover-show{visibility: hidden;}
*:hover > .hover-show{visibility: visible;}

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

@@ -147,13 +147,17 @@ div.umb-codeeditor .umb-btn-toolbar {
}
/* FORM GRID */
.umb-pane {
margin: 30px 20px;
}
.umb-control-group {
border-bottom: 1px solid @grayLighter;
padding-bottom: 30px;
margin-bottom: 25px !important;
}
.umb-control-group .umb-el-wrap {
padding: 0
}

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

@@ -84,6 +84,7 @@
transition: opacity 0.3s linear, top 0.3s ease-out;
height: 100% !important;
}
.umb-modal.fade.in {
top: 0 !important;
left: 100% !important;

1
src/Umbraco.Web.UI.Client/src/less/property-editors.less
View File

@@ -1,7 +1,6 @@
//
// Color picker
// --------------------------------------------------
ul.color-picker li {
padding: 2px;
margin: 3px;

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/boolean/boolean.html
View File

@@ -1,3 +1,3 @@
<div ng-controller="Umbraco.Editors.BooleanController">
<div class="umb-editor umb-boolean" ng-controller="Umbraco.Editors.BooleanController">
<input type="checkbox" ng-model="renderModel.value" id="{{model.alias}" />
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/checkboxlist/checkboxlist.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.CheckboxListController">
<div class="umb-editor umb-checkboxlist" ng-controller="Umbraco.Editors.CheckboxListController">
<ul class="unstyled">
<li ng-repeat="item in selectedItems">

3
src/Umbraco.Web.UI.Client/src/views/propertyeditors/contentpicker/contentpicker.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.ContentPickerController" class="">
<div ng-controller="Umbraco.Editors.ContentPickerController" class="umb-editor umb-contentpicker">
<ul class="nav nav-stacked">
<li ng-repeat="node in renderModel">
<a href="#" prevent-default ng-click="remove($index)">
@@ -13,5 +13,6 @@
<i class="icon icon-plus"></i> Add
</a>
</li>
</ul>
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.DatepickerController">
<div class="umb-editor umb-datepicker" ng-controller="Umbraco.Editors.DatepickerController">
<div class="input-append date datepicker" id="{{model.alias}}">
<input name="datepicker" data-format="{{model.config.format}}" type="text"
ng-model="model.value"

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/dropdown/dropdown.html
View File

@@ -1,6 +1,7 @@
<div ng-controller="Umbraco.Editors.DropdownController" ng-switch="model.config.multiple">
<select name="dropDownList"
class="umb-editor umb-dropdown"
ng-switch-default
ng-model="model.value"
ng-options="key as val for (key, val) in model.config.items">
@@ -8,6 +9,7 @@
<!--NOTE: This ng-switch is required because ng-multiple doesn't actually support dynamic bindings with multi-select lists -->
<select name="dropDownList"
class="umb-editor umb-dropdown"
ng-switch-when="1"
multiple
ng-model="model.value"

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/fileupload/fileupload.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.FileUploadController">
<div class="umb-editor umb-fileupload" ng-controller="Umbraco.Editors.FileUploadController">
<div ng-hide="clearFiles">
<div class="file-uploader">

7
src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.html
View File

@@ -1,6 +1,9 @@
<form ng-controller="Umbraco.Editors.FolderBrowserController" id="fileupload"
method="POST" enctype="multipart/form-data"
data-file-upload="options" data-file-upload-progress="" data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
method="POST" enctype="multipart/form-data"
class="umb-editor umb-folderbrowser"
data-file-upload="options"
data-file-upload-progress=""
data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
<div style="height: 10px; margin: 10px 0px 10px 0px" class="umb-loader"
ng-hide="active() == 0"></div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/googlemaps/googlemaps.html
View File

@@ -1,3 +1,3 @@
<div ng-controller="Umbraco.Editors.GoogleMapsController" class="">
<div ng-controller="Umbraco.Editors.GoogleMapsController" class="umb-editor umb-googlemaps">
<div class="" style="height: 400px;" id="{{model.alias}}_map"></div>
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
View File

@@ -1,3 +1,3 @@
<div ng-controller="Umbraco.Editors.GridController" auto-scale="10">
<div class="umb-editor umb-grid" ng-controller="Umbraco.Editors.GridController" auto-scale="10">
<iframe style="width: 100%; height: 100%;" src="views/propertyeditors/grid/iframe.html"></iframe>
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/integer/integer.html
View File

@@ -1,4 +1,4 @@
<div>
<div class="umb-editor umb-integer">
<input name="integerField" type="text" class="umb-textstring span7 textstring"
ng-model="model.value"
val-regex="^\d*$"

9
src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
View File

@@ -1,5 +1,5 @@
<div class="umb-listview" ng-controller="Umbraco.Editors.ListViewController">
<div class="umb-editor umb-listview" ng-controller="Umbraco.Editors.ListViewController">
<div class="row-fluid">
<div class="umb-sub-header">
<div class="btn-group">
@@ -9,8 +9,11 @@
</a>
<ul class="dropdown-menu">
<li ng-repeat="contentType in listViewAllowedTypes">
<a href="#/content/content/edit/{{content.id}}?doctype={{contentType.alias}}&create=true">
<i class="icon-{{contentType.cssClass}}"></i> {{contentType.name}}</a>
<a
href="#/content/content/edit/{{content.id}}?doctype={{contentType.alias}}&create=true">
<i class="icon-{{contentType.cssClass}}"></i>
{{contentType.name}}
</a>
</li>
</ul>
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.MediaPickerController">
<div class="umb-editor umb-mediapicker" ng-controller="Umbraco.Editors.MediaPickerController">
<ul class="thumbnails umb-thumbnails">
<li class="umb-thumbnail thumbnail span2" ng-repeat="image in images">

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.MultipleTextBoxController">
<div class="umb-editor umb-multiple-textbox" ng-controller="Umbraco.Editors.MultipleTextBoxController">
<div class="control-group" ng-repeat="item in model.value">
<input type="text" name="item_{{$index}}" ng-model="item.value" />

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
View File

@@ -1,4 +1,4 @@
<div>
<div class="umb-editor umb-radiobuttons">
<ul class="unstyled">
<li ng-repeat="(key, val) in model.config.items">
<label class="radio">

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/readonlyvalue/readonlyvalue.html
View File

@@ -1,3 +1,3 @@
<div class="umb-label" ng-controller="Umbraco.Editors.ReadOnlyValueController">
<div class="umb-editor umb-readonlyvalue" ng-controller="Umbraco.Editors.ReadOnlyValueController">
{{displayvalue}}
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/rte/rte.html
View File

@@ -1,3 +1,3 @@
<div ng-controller="Umbraco.Editors.RTEController" class="">
<div ng-controller="Umbraco.Editors.RTEController" class="umb-editor umb-rte">
<textarea ng-model="model.value" rows="10" id="{{model.alias}}_rte"></textarea>
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/tags/tags.html
View File

@@ -1,4 +1,4 @@
<div ng-controller="Umbraco.Editors.TagsController" class="">
<div ng-controller="Umbraco.Editors.TagsController" class="umb-editor umb-tags">
<div ng-model="model.value" id="{{model.alias}}_tags" class="tag-list">
<div class="tags">

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/templatepicker/templatepicker.html
View File

@@ -1,4 +1,4 @@
<div class="span7">
<div class="umb-editor umb-templatepicker">
<h5>TODO: Implement this picker</h5>
<div ng-model="model.value">{{model.value | json}}</div>
</div>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/textarea/textarea.html
View File

@@ -1 +1 @@
<textarea ng-model="model.value" id="{{model.alias}}" rows="10" class="umb-textarea textstring"></textarea>
<textarea ng-model="model.value" id="{{model.alias}}" rows="10" class="umb-editor umb-textarea textstring"></textarea>

2
src/Umbraco.Web.UI.Client/src/views/propertyeditors/textbox/textbox.html
View File

@@ -1 +1 @@
<input type="text" ng-model="model.value" id="{{model.alias}}" class="umb-textstring textstring" />
<input type="text" ng-model="model.value" id="{{model.alias}}" class="umb-editor umb-textstring textstring" />