Browse Source

Fixed layout bug.

pull/516/head
Sebastian 6 years ago
parent
commit
2fddf4d29b
  1. 8
      frontend/app/framework/angular/forms/editors/tag-editor.component.html
  2. 4
      frontend/app/framework/angular/forms/editors/tag-editor.component.scss
  3. 2
      frontend/app/shared/components/schema-category.component.html

8
frontend/app/framework/angular/forms/editors/tag-editor.component.html

@ -51,11 +51,13 @@
<div class="control-dropdown suggestions-dropdown" [sqxAnchoredTo]="form" position="bottom-left" @fade> <div class="control-dropdown suggestions-dropdown" [sqxAnchoredTo]="form" position="bottom-left" @fade>
<div class="row"> <div class="row">
<div class=" col-6" *ngFor="let item of suggestionsSorted; let i = index"> <div class=" col-6" *ngFor="let item of suggestionsSorted; let i = index">
<div class="form-check form-check-inline"> <div class="form-check form-check">
<input class="form-check-input" type="checkbox" id="tag_{{i}}" <input class="form-check-input" type="checkbox" id="tag_{{i}}"
[ngModel]="isSelected(item)" [ngModel]="isSelected(item)"
(ngModelChange)="toggleValue($event, item)" /> (ngModelChange)="toggleValue($event, item)"
<label class="form-check-label truncate" for="tag_{{i}}"> />
<label class="form-check-label truncate" for="tag_{{i}}" title="{{item.name}}" titlePosition="top-left">
{{item.name}} {{item.name}}
</label> </label>
</div> </div>

4
frontend/app/framework/angular/forms/editors/tag-editor.component.scss

@ -167,7 +167,7 @@ div {
} }
.suggestions-dropdown { .suggestions-dropdown {
max-width: 300px; max-width: 420px;
min-width: 300px; min-width: 420px;
padding: 1rem; padding: 1rem;
} }

2
frontend/app/shared/components/schema-category.component.html

@ -41,7 +41,7 @@
<a class="nav-link" [routerLink]="schemaRoute(schema)"> <a class="nav-link" [routerLink]="schemaRoute(schema)">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<span class="schema-name schema-name-accent">{{schema.displayName}}</span> <span class="schema-name schema-name-accent" title="{{schema.displayName}}" titlePosition="top-left">{{schema.displayName}}</span>
</div> </div>
<div class="col-4"> <div class="col-4">
<span class="schema-user"> <span class="schema-user">

Loading…
Cancel
Save