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

Make sure the style preview text does not overlap for large font sizes

Browse Source
This commit is contained in:
Kenn Jacobsen
2019-01-20 17:59:55 +01:00
committed by Sebastiaan Janssen
parent 07329103b1
commit 2c1ba1d23d
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -38,10 +38,12 @@
align-items: center;
}
.umb-stylesheet-rule-overlay {
textarea {
width: 300px;
height: 120px;
resize: none;
}
textarea.umb-stylesheet-rule-styles {
width: 300px;
height: 100px;
resize: none;
}
.umb-stylesheet-rule-preview {
line-height: normal;
}

4
src/Umbraco.Web.UI.Client/src/views/stylesheets/infiniteeditors/richtextrule/richtextrule.html
View File

@@ -27,11 +27,11 @@
</umb-control-group>
<umb-control-group label="@stylesheet_styles" description="@stylesheet_stylesHelp">
<textarea ng-model="model.rule.styles" required></textarea>
<textarea class="umb-stylesheet-rule-styles" ng-model="model.rule.styles" required></textarea>
</umb-control-group>
<umb-control-group label="@stylesheet_preview" description="@stylesheet_previewHelp">
<div style="{{model.rule.styles}}">
<div class="umb-stylesheet-rule-preview" style="{{model.rule.styles}}">
a b c d e f g h i j k l m n o p q r s t u v w x t z
<br>
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z