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

Remove a bunch of inline styles

Browse Source
This commit is contained in:
Kenn Jacobsen
2018-11-01 11:08:41 +01:00
parent a3232bb55c
commit e726e6dffe
2 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/Umbraco.Web.UI.Client/src/less/components/umb-stylesheet.less
View File

@@ -25,13 +25,29 @@
width: 295px;
}
.umb-styleheet-rules__left {
.umb-stylesheet-rules__left {
display: block;
flex: 1 1 auto;
overflow: hidden;
.umb-el-wrap {
margin: 5px auto;
.control-label {
text-align: left
}
.controls {
textarea {
width: 295px;
height: 80px;
resize: none;
}
}
}
}
.umb-styleheet-rules__right {
.umb-stylesheet-rules__right {
display: flex;
flex: 0 0 auto;
align-items: center;

23
src/Umbraco.Web.UI.Client/src/views/stylesheets/views/rules/rules.html
View File

@@ -1,5 +1,4 @@
<!-- TODO: localize -->
<!-- TODO: more styles to less -->
<umb-box>
<umb-box-content>
<div class="sub-view-columns">
@@ -8,37 +7,37 @@
<small>Some explanatory text about rich text editor styles goes here</small>
</div>
<div class="sub-view-column-right">
<div class="umb-property-editor form-horizontal" style="max-width: 600px" ng-controller="Umbraco.Editors.StyleSheets.RulesController">
<div class="umb-property-editor umb-stylesheet-rules form-horizontal" ng-controller="Umbraco.Editors.StyleSheets.RulesController">
<div ui-sortable="sortableOptions" ng-model="model.stylesheet.rules">
<div class="control-group umb-prevalues-multivalues__listitem" ng-repeat="rule in model.stylesheet.rules">
<div class="control-group umb-stylesheet-rules__listitem" ng-repeat="rule in model.stylesheet.rules">
<i class="icon icon-navigation handle"></i>
<div class="umb-prevalues-multivalues__left" style="display: block;">
<div class="umb-el-wrap" style="margin: 5px auto;">
<label class="control-label" style="text-align: left">
<div class="umb-stylesheet-rules__left">
<div class="umb-el-wrap">
<label class="control-label">
Style name
</label>
<div class="controls">
<input type="text" ng-model="rule.name" required />
</div>
</div>
<div class="umb-el-wrap" style="margin: 5px auto;">
<label class="control-label" style="text-align: left">
<div class="umb-el-wrap">
<label class="control-label">
CSS selector
</label>
<div class="controls">
<input type="text" ng-model="rule.selector" required />
</div>
</div>
<div class="umb-el-wrap" style="margin: 5px auto;">
<label class="control-label" style="text-align: left">
<div class="umb-el-wrap">
<label class="control-label">
CSS styles
</label>
<div class="controls">
<textarea ng-model="rule.styles" required style="width: 295px; height: 80px; resize: none"></textarea>
<textarea ng-model="rule.styles" required></textarea>
</div>
</div>
</div>
<div class="umb-prevalues-multivalues__right">
<div class="umb-stylesheet-rules__right">
<a class="umb-node-preview__action umb-node-preview__action--red" ng-click="remove(rule, $event)"><localize key="general_remove">Remove</localize></a>
</div>
</div>