Fixing UI layout
parent
55f5bbc00a
commit
7e58e23727
@ -0,0 +1,6 @@
|
||||
#basket {
|
||||
width: 34%;
|
||||
max-height: 950px;
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
}
|
@ -0,0 +1,3 @@
|
||||
<div id="basket" class="table-bordered">
|
||||
<p>basket works!</p>
|
||||
</div>
|
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { BasketComponent } from './basket.component';
|
||||
|
||||
describe('BasketComponent', () => {
|
||||
let component: BasketComponent;
|
||||
let fixture: ComponentFixture<BasketComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ BasketComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(BasketComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-basket',
|
||||
templateUrl: './basket.component.html',
|
||||
styleUrls: ['./basket.component.css']
|
||||
})
|
||||
export class BasketComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
@ -0,0 +1,3 @@
|
||||
#resource-details {
|
||||
width: 100%;
|
||||
}
|
@ -1 +1,3 @@
|
||||
<p>resource-details works!</p>
|
||||
<div id="resource-details" class="table-bordered">
|
||||
<p>resource-details works!</p>
|
||||
</div>
|
@ -1,3 +1,13 @@
|
||||
table {
|
||||
max-width: 800px;
|
||||
#resource-listing {
|
||||
max-height: 50%;
|
||||
scroll-behavior: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#resource-listing > table {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#resource-listing > table > thead > tr > th.header {
|
||||
text-align: center;
|
||||
}
|
@ -1,4 +1,6 @@
|
||||
#resource-tree {
|
||||
max-width: 400px;
|
||||
width: 15%;
|
||||
float: left;
|
||||
max-height: 950px;
|
||||
overflow: auto;
|
||||
}
|
@ -1,4 +1,4 @@
|
||||
import { TypeDefinition } from './is-model/types/TypeDefinition';
|
||||
import { TypeDefinition } from '../is-model/types/TypeDefinition';
|
||||
|
||||
export class Type {
|
||||
|
Loading…
Reference in New Issue