Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 397e878

Browse files
kolkovkolkov
committed
Fix Angular Editor toolbar classes
1 parent a2967ad commit 397e878

3 files changed

Lines changed: 16 additions & 16 deletions

File tree

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@kolkov/angular-editor",
3-
"version": "0.8.6",
3+
"version": "0.9.0",
44
"author": "Andrey Kolkov <[email protected]>",
55
"repository": "https://github.com/kolkov/angular-editor",
66
"license": "MIT",

‎src/lib/angular-editor-toolbar.component.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
<div class="angular-toolbar">
2-
<div class="angular-toolbar-set">
1+
<div class="angular-editor-toolbar">
2+
<div class="angular-editor-toolbar-set">
33
<button type="button" title="Undo" class="angular-editor-button" (click)="triggerCommand('undo')"><i
44
class='fa fa-undo'></i></button>
55
<button type="button" title="Redo" class="angular-editor-button" (click)="triggerCommand('redo')"><i
66
class='fa fa-repeat'></i></button>
77
</div>
8-
<div class="angular-toolbar-set">
8+
<div class="angular-editor-toolbar-set">
99
<button [id]="'bold-'+id" type="button" title="Bold" class="angular-editor-button" (click)="triggerCommand('bold')"
1010
[disabled]="htmlMode"><i class='fa fa-bold'></i></button>
1111
<button [id]="'italic-'+id" type="button" title="Italic" class="angular-editor-button"
@@ -20,7 +20,7 @@
2020
<button [id]="'superscript-'+id" type="button" title="Superscript" class="angular-editor-button"
2121
(click)="triggerCommand('superscript')" [disabled]="htmlMode"><i class='fa fa-superscript'></i></button>
2222
</div>
23-
<div class="angular-toolbar-set">
23+
<div class="angular-editor-toolbar-set">
2424
<button [id]="'justifyLeft-'+id" type="button" title="Justify Left" class="angular-editor-button"
2525
(click)="triggerCommand('justifyLeft')" [disabled]="htmlMode"><i
2626
class='fa fa-align-left'></i></button>
@@ -33,7 +33,7 @@
3333
(click)="triggerCommand('justifyFull')" [disabled]="htmlMode"><i
3434
class='fa fa-align-justify'></i></button>
3535
</div>
36-
<div class="angular-toolbar-set">
36+
<div class="angular-editor-toolbar-set">
3737
<button [id]="'indent-'+id" type="button" title="Indent" class="angular-editor-button"
3838
(click)="triggerCommand('indent')"
3939
[disabled]="htmlMode"><i
@@ -43,13 +43,13 @@
4343
[disabled]="htmlMode"><i
4444
class='fa fa-outdent'></i></button>
4545
</div>
46-
<div class="angular-toolbar-set">
46+
<div class="angular-editor-toolbar-set">
4747
<button [id]="'insertUnorderedList-'+id" type="button" title="Unordered List" class="angular-editor-button"
4848
(click)="triggerCommand('insertUnorderedList')" [disabled]="htmlMode"><i class='fa fa-list-ul'></i></button>
4949
<button [id]="'insertOrderedList-'+id" type="button" title="Ordered List" class="angular-editor-button"
5050
(click)="triggerCommand('insertOrderedList')" [disabled]="htmlMode"><i class='fa fa-list-ol'></i></button>
5151
</div>
52-
<div class="angular-toolbar-set">
52+
<div class="angular-editor-toolbar-set">
5353
<label [for]="'heading-'+id" class="block-label"></label>
5454
<select title="Formatting" [id]="'heading-'+id" class="select-heading" [(ngModel)]="block"
5555
(change)="triggerCommand(block)"
@@ -67,7 +67,7 @@
6767
<option class="default" value="default">Default</option>
6868
</select>
6969
</div>
70-
<div class="angular-toolbar-set">
70+
<div class="angular-editor-toolbar-set">
7171
<label [for]="'fontSelector-'+id" class="block-label"></label>
7272
<select title="Font Name" [id]="'fontSelector-'+id" class="select-font" [(ngModel)]="fontName"
7373
(change)="setFontName(fontName)"
@@ -79,7 +79,7 @@
7979
<option class="times-new-roman" value="Times New Roman">Times New Roman</option>
8080
</select>
8181
</div>
82-
<div class="angular-toolbar-set">
82+
<div class="angular-editor-toolbar-set">
8383
<label [for]="'fontSizeSelector-'+id" class="block-label"></label>
8484
<select title="Font Size" [id]="'fontSizeSelector-'+id" class="select-font-size" [(ngModel)]="fontSize"
8585
(change)="setFontSize(fontSize)"
@@ -94,7 +94,7 @@
9494
<option class="size7" value="7">7</option>
9595
</select>
9696
</div>
97-
<div class="angular-toolbar-set">
97+
<div class="angular-editor-toolbar-set">
9898
<input
9999
style="display: none"
100100
type="color" (change)="insertColor(fgInput.value, 'textColor')"
@@ -108,7 +108,7 @@
108108
<button [id]="'backgroundColorPicker-'+id" type="button" class="angular-editor-button" (click)="bgInput.click()" title="Background Color"
109109
[disabled]="htmlMode"><span class="color-label background"><i class="fa fa-font"></i></span></button>
110110
</div>
111-
<div class="angular-toolbar-set">
111+
<div class="angular-editor-toolbar-set">
112112
<button [id]="'link-'+id" type="button" class="angular-editor-button" (click)="insertUrl()"
113113
title="Insert Link" [disabled]="htmlMode">
114114
<i class="fa fa-link"></i>
@@ -126,11 +126,11 @@
126126
<button type="button" title="Horizontal Line" class="angular-editor-button"
127127
(click)="triggerCommand('insertHorizontalRule')" [disabled]="htmlMode"><i class="fa fa-minus"></i></button>
128128
</div>
129-
<div class="angular-toolbar-set">
129+
<div class="angular-editor-toolbar-set">
130130
<button type="button" title="Clear Formatting" class="angular-editor-button"
131131
(click)="triggerCommand('removeFormat')" [disabled]="htmlMode"><i class='fa fa-remove'></i></button>
132132
</div>
133-
<div class="angular-toolbar-set">
133+
<div class="angular-editor-toolbar-set">
134134
<button [id]="'toggleEditorMode-'+id" type="button" title="HTML Code" class="angular-editor-button"
135135
(click)="triggerCommand('toggleEditorMode')"><i class='fa fa-code'></i></button>
136136
</div>

‎src/lib/style.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ a {
1313
outline: none;
1414
}
1515

16-
.angular-toolbar {
16+
.angular-editor-toolbar {
1717
font: 100 14px/15px Roboto, Arial, sans-serif;
1818
background-color: #f5f5f5;
1919
font-size: 0.8rem;
2020
padding: 0.2rem;
2121
border: 1px solid #ddd;
22-
.angular-toolbar-set {
22+
.angular-editor-toolbar-set {
2323
display: inline-block;
2424
border-radius: 5px;
2525
background-color: white;

0 commit comments

Comments
 (0)