Skip to content

J
JARVIS
Commit becef2df authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug
Browse files
Options

create position screen done

parent 414f6d6c
Hide whitespace changes
Inline Side-by-side
Showing with 81 additions and 21 deletions
IPSystemTOPC/EmployeeProdDB/static/css/create_position.css
View file @ becef2df
......@@ -148,7 +148,7 @@
background-color: white;
width: max-content;
width: 200px;
margin-right: 15px;
/* margin-right: 15px; */
}
.button-save button {
......@@ -159,6 +159,7 @@
color: white;
width: max-content;
width: 200px;
margin-right: 15px;
}
.profile-options {
......@@ -169,6 +170,8 @@
.bottom-cont {
margin-right: 15px;
margin-top: 50px;
display: flex;
align-items: flex-end;
}
.long-textbox {
......@@ -205,6 +208,7 @@
display: flex;
align-items: left;
justify-content: space-between;
margin-bottom: 10px;
}
.search-and-add-cont button {
......@@ -243,32 +247,37 @@
background-color: #004316;
}
.participant-table-cont table{
.participant-table-cont {
margin-top: 15px;
/* margin top not working */
overflow:hidden;
overflow-y: scroll;
width: 660px;
height: 340px;
/* height: 340px; */
border-width: 5px;
}
.button-remove button {
border-radius: 4px;
border: 1px solid white;
border: 1px solid black;
padding: 5px 10px;
background-color: #8b0000 ;
color: white;
background-color: white ;
color: black;
width: max-content;
width: 100px;
margin-right: 15px;
}
.button-remove button:hover {
border: 1px solid white;
background-color: #8b0000 ;
color: white
}
#participant {
width: 95%;
width: 100%;
margin-top: 15px;
height: 100%;
height: 100%;
/* display: flex;
/* flex-direction: column; */
/* justify-content: space-between; */
......@@ -287,6 +296,21 @@
padding: 8px;
}
#participant td:nth-child(1) {
width:10%;
text-align: center;
}
#participant td:nth-child(3) {
border-left: unset;
width: 20%
}
#participant td:nth-child(2) {
border-right: unset;
width: 70%
}
#participant tr:nth-child(even){
background-color: #f2f2f2;
}
......@@ -304,8 +328,17 @@
.left-cont {
width: 660px;
height: auto;
margin-right: 10px;
}
#cell-remove {
#cell-remove button{
width: 200px;
border-left: 0px white;
align-items: end;
}
.table-cont {
height: 200px;
overflow:hidden;
overflow-y: scroll;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/create_position.html
View file @ becef2df
......@@ -78,12 +78,12 @@
</button>
</div>
</div>
<div class="participant-table-cont">
<div class="table-cont">
<!-- table -->
<table id="participant">
<table class="participant-table-cont" id="participant">
<tr>
<td>1</td>
<td id="td-align">
<td>
Jacob
</td>
<td>
......@@ -98,22 +98,41 @@
<div class="button-remove"><button >Remove</button></div>
</td>
</tr>
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr>
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr>
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr>
</table>
</div>
</div>
<div class="bottom-cont">
<!-- right side for the bottoms then just align it down or left -->
<div class="col-md-8"></div>
<!-- <div class="col-md-8"></div> -->
<div class="profile-options">
<div class="button-cancel">
<button
name="Save"
type="submit"
>
Cancel
</button>
</div>
<div class="button-save">
<button
name="Save"
......@@ -122,6 +141,14 @@
Save Changes
</button>
</div>
<div class="button-cancel">
<button
name="Save"
type="submit"
>
Cancel
</button>
</div>
</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment