4 changed files with 232 additions and 458 deletions
@ -1,198 +1,187 @@
|
||||
|
||||
table { |
||||
width: 100%; |
||||
width: 100%; |
||||
text-align: center; |
||||
|
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
display: flex; |
||||
overflow-y: auto; |
||||
.contentLeft{ |
||||
width: 80%; |
||||
height: 94%; |
||||
margin: 20px 20px 10px 50px; |
||||
background-color: #FFFFFF; |
||||
border-radius: 16px ; |
||||
.contenttable{ |
||||
width: 95%; |
||||
height: 80%; |
||||
//margin-right: 40px; |
||||
margin-left: 30px; |
||||
//background-color: none; |
||||
table{ |
||||
width: 100%; |
||||
margin-top: 15px; |
||||
background-color:transparent; |
||||
font-size: 16px; |
||||
th{ |
||||
background-color: #F5FDFE; |
||||
color: #000000; |
||||
font-size: 15px; |
||||
} |
||||
td{font-size: 15px;} |
||||
.mat-table{ |
||||
background-color:transparent; |
||||
} |
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
display: flex; |
||||
overflow-y: auto; |
||||
|
||||
.contentLeft { |
||||
width: 80%; |
||||
height: 94%; |
||||
margin: 20px 20px 10px 50px; |
||||
background-color: #FFFFFF; |
||||
border-radius: 16px; |
||||
|
||||
.contenttable { |
||||
width: 95%; |
||||
height: 80%; |
||||
//margin-right: 40px; |
||||
margin-left: 30px; |
||||
|
||||
//background-color: none; |
||||
table { |
||||
width: 100%; |
||||
margin-top: 15px; |
||||
background-color: transparent; |
||||
font-size: 16px; |
||||
|
||||
th { |
||||
background-color: #F5FDFE; |
||||
color: #000000; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
td { |
||||
font-size: 15px; |
||||
} |
||||
|
||||
.mat-table { |
||||
background-color: transparent; |
||||
} |
||||
} |
||||
mat-paginator{ |
||||
width: 100%; |
||||
// margin-top: 30px; |
||||
|
||||
mat-paginator { |
||||
width: 100%; |
||||
// margin-top: 30px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.contentRight { |
||||
width: 320px; |
||||
height: 94%; |
||||
margin: 20px 20px 10px 10px; |
||||
background-color: #FFFFFF; |
||||
border-radius: 16px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
|
||||
.rightone { |
||||
width: 100%; |
||||
margin: 30px 20px; |
||||
|
||||
span { |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
|
||||
.contentRight{ |
||||
width: 320px; |
||||
height: 94%; |
||||
margin: 20px 20px 10px 10px; |
||||
background-color: #FFFFFF; |
||||
border-radius: 16px ; |
||||
display: flex; |
||||
flex-direction: column; |
||||
.rightone{ |
||||
width: 100%; |
||||
margin:30px 20px; |
||||
span{ |
||||
font-size: 20px; |
||||
.righttwo { |
||||
height: 670px; |
||||
width: 280px; |
||||
margin-left: 20px; |
||||
overflow-y: auto; |
||||
|
||||
table { |
||||
|
||||
th, |
||||
td { |
||||
height: 48px; |
||||
font-size: 15px; |
||||
} |
||||
} |
||||
.righttwo{ |
||||
height: 670px; |
||||
width:280px; |
||||
margin-left: 20px; |
||||
overflow-y: auto; |
||||
table{ |
||||
th,td{ |
||||
height: 48px; |
||||
font-size: 15px; |
||||
} |
||||
thead{ |
||||
background-color: #F5FDFE; |
||||
} |
||||
table tbody{ |
||||
height: 570px; |
||||
overflow-y:scroll; |
||||
tr{ |
||||
table-layout:fixed |
||||
} |
||||
|
||||
thead { |
||||
background-color: #F5FDFE; |
||||
} |
||||
|
||||
table tbody { |
||||
height: 570px; |
||||
overflow-y: scroll; |
||||
|
||||
tr { |
||||
table-layout: fixed |
||||
} |
||||
} |
||||
} |
||||
::-webkit-scrollbar { |
||||
width:2px; |
||||
} |
||||
} |
||||
|
||||
::-webkit-scrollbar { |
||||
width: 2px; |
||||
} |
||||
} |
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
margin-bottom: 10px; |
||||
box-sizing: border-box; |
||||
|
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 10px; |
||||
padding: 5px 10px; |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
justify-content: left; |
||||
|
||||
.queryField { |
||||
margin-left: 12px; |
||||
font-size: 14px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items:center; |
||||
justify-content:left; |
||||
.queryField { |
||||
margin: 0 10px; |
||||
font-size: 14px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
input { |
||||
width: 260px; |
||||
height: 44px; |
||||
line-height: 34px; |
||||
border-radius: 5px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
button { |
||||
border: none; |
||||
color: white; |
||||
padding: 5px 25px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 16px; |
||||
margin: 4px 2px; |
||||
cursor: pointer; |
||||
border-radius: 8px; |
||||
outline:0 none !important; |
||||
} |
||||
flex-direction: column; |
||||
|
||||
input { |
||||
width: 250px; |
||||
height: 33px; |
||||
line-height: 33px; |
||||
border-radius: 2px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
.ordiv{ |
||||
position: relative; |
||||
.organizationbox{ |
||||
button{ |
||||
color: #000000; |
||||
position: relative; |
||||
bottom: 5px; |
||||
} |
||||
width:450px; |
||||
height: 200px; |
||||
background: white; |
||||
position: absolute; |
||||
top: 70px; |
||||
//left: 27px; |
||||
z-index: 999; |
||||
border: 1px solid grey; |
||||
overflow-y: auto; |
||||
li{ |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
} |
||||
mat-tree-node{ |
||||
cursor: pointer; |
||||
white-space:pre; |
||||
} |
||||
mat-tree-node:hover{ |
||||
background: rgba(225, 225, 225, 0.8); |
||||
} |
||||
.closediv{ |
||||
z-index: 100; |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
width: 30px; |
||||
height: 30px; |
||||
cursor: pointer; |
||||
line-height: 30px; |
||||
text-align: center; |
||||
} |
||||
.closediv:hover{ |
||||
background:rgba(225, 225, 225, 0.8); |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
.headerright{ |
||||
float: right; |
||||
|
||||
.queryFieldBtn { |
||||
display: flex; |
||||
|
||||
button { |
||||
border: none; |
||||
color: white; |
||||
padding: 0px 12px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 13px; |
||||
cursor: pointer; |
||||
border-radius: 3px; |
||||
outline: 0 none !important; |
||||
margin-top: 15px; |
||||
margin-left: 12px; |
||||
} |
||||
} //queryBox |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
.operationSpan{ |
||||
margin: 0 10px; |
||||
.spanbtn { |
||||
font-weight: 550; |
||||
cursor: pointer; |
||||
} |
||||
.green{ color: #04ced1; } |
||||
.red{ color: #FF8678 } |
||||
.gray{ color: gray; } |
||||
.operationSpan { |
||||
margin: 0 10px; |
||||
|
||||
.spanbtn { |
||||
font-weight: 550; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.green { |
||||
color: #04ced1; |
||||
} |
||||
|
||||
.red { |
||||
color: #FF8678 |
||||
} |
||||
|
||||
.gray { |
||||
color: gray; |
||||
} |
||||
} |
||||
|
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { ExaminerNewOneComponent } from './examiner-new-one.component'; |
||||
|
||||
describe('ExaminerNewOneComponent', () => { |
||||
let component: ExaminerNewOneComponent; |
||||
let fixture: ComponentFixture<ExaminerNewOneComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ ExaminerNewOneComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(ExaminerNewOneComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
Loading…
Reference in new issue