diff --git a/src/Squidex/app/features/assets/pages/assets-page.component.scss b/src/Squidex/app/features/assets/pages/assets-page.component.scss index 550096d63..e1b86515d 100644 --- a/src/Squidex/app/features/assets/pages/assets-page.component.scss +++ b/src/Squidex/app/features/assets/pages/assets-page.component.scss @@ -14,13 +14,15 @@ &.active { font-weight: bold; } - + &.active, &:hover { background: $color-background; } } -a.tag { - cursor: pointer !important; +a { + &.tag { + cursor: pointer !important; + } } \ No newline at end of file diff --git a/src/Squidex/app/features/content/shared/array-editor.component.scss b/src/Squidex/app/features/content/shared/array-editor.component.scss index d17caf2f6..0a2a3f80b 100644 --- a/src/Squidex/app/features/content/shared/array-editor.component.scss +++ b/src/Squidex/app/features/content/shared/array-editor.component.scss @@ -8,7 +8,7 @@ position: relative; margin-bottom: 1rem; } - + &-item { & { background: $panel-light-background; diff --git a/src/Squidex/app/framework/angular/forms/tag-editor.component.scss b/src/Squidex/app/framework/angular/forms/tag-editor.component.scss index db5a4bd4a..3f0000975 100644 --- a/src/Squidex/app/framework/angular/forms/tag-editor.component.scss +++ b/src/Squidex/app/framework/angular/forms/tag-editor.component.scss @@ -1,6 +1,8 @@ @import '_mixins'; @import '_vars'; +$focus-color: #b3d3ff; + .form-control { & { cursor: text; @@ -9,10 +11,10 @@ &.disabled { cursor: inherit; } - + &.focus { - @include box-shadow-raw(0 0 0 0.2rem rgba(51, 137, 255, 0.25)); - border-color: #b3d3ff; + @include box-shadow-raw(0 0 0 .2rem rgba(51, 137, 255, .25)); + border-color: $focus-color; } } @@ -21,7 +23,7 @@ padding: 0; border: 0; background: transparent; - min-width: 40px; + min-width: 40%; max-width: 100%; } @@ -50,7 +52,7 @@ border: 0; font-size: .8rem; font-weight: normal; - margin: 0px 2px 2px 0; + margin: 0 2px 2px 0; } &, diff --git a/src/Squidex/app/framework/angular/forms/tag-editor.component.ts b/src/Squidex/app/framework/angular/forms/tag-editor.component.ts index ba7808850..a9c065a56 100644 --- a/src/Squidex/app/framework/angular/forms/tag-editor.component.ts +++ b/src/Squidex/app/framework/angular/forms/tag-editor.component.ts @@ -101,7 +101,7 @@ export class TagEditorComponent implements ControlValueAccessor, OnDestroy, OnIn public class: string; @Input() - public placeholder = '+Tag'; + public placeholder = 'Press comma (,) to add tag'; @Input() public inputName = 'tag-editor'; diff --git a/src/Squidex/app/shared/components/asset.component.html b/src/Squidex/app/shared/components/asset.component.html index 89b3a18a6..294c7c14b 100644 --- a/src/Squidex/app/shared/components/asset.component.html +++ b/src/Squidex/app/shared/components/asset.component.html @@ -73,7 +73,7 @@ [acceptEnter]="true" [allowDuplicates]="false" [undefinedWhenEmpty]="false" - [formControl]="tagInput" class="blank"> + [formControl]="tagInput" class="blank" placeholder="+Tag">