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
Show 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 @@ ...@@ -148,7 +148,7 @@
background-color: white; background-color: white;
width: max-content; width: max-content;
width: 200px; width: 200px;
margin-right: 15px; /* margin-right: 15px; */
} }
.button-save button { .button-save button {
...@@ -159,6 +159,7 @@ ...@@ -159,6 +159,7 @@
color: white; color: white;
width: max-content; width: max-content;
width: 200px; width: 200px;
margin-right: 15px;
} }
.profile-options { .profile-options {
...@@ -169,6 +170,8 @@ ...@@ -169,6 +170,8 @@
.bottom-cont { .bottom-cont {
margin-right: 15px; margin-right: 15px;
margin-top: 50px; margin-top: 50px;
display: flex;
align-items: flex-end;
} }
.long-textbox { .long-textbox {
...@@ -205,6 +208,7 @@ ...@@ -205,6 +208,7 @@
display: flex; display: flex;
align-items: left; align-items: left;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px;
} }
.search-and-add-cont button { .search-and-add-cont button {
...@@ -243,30 +247,35 @@ ...@@ -243,30 +247,35 @@
background-color: #004316; background-color: #004316;
} }
.participant-table-cont table{ .participant-table-cont {
margin-top: 15px; margin-top: 15px;
/* margin top not working */ /* margin top not working */
overflow:hidden; overflow:hidden;
overflow-y: scroll; overflow-y: scroll;
width: 660px; width: 660px;
height: 340px; /* height: 340px; */
border-width: 5px; border-width: 5px;
} }
.button-remove button { .button-remove button {
border-radius: 4px; border-radius: 4px;
border: 1px solid white; border: 1px solid black;
padding: 5px 10px; padding: 5px 10px;
background-color: #8b0000 ; background-color: white ;
color: white; color: black;
width: max-content; width: max-content;
width: 100px; width: 100px;
margin-right: 15px; margin-right: 15px;
} }
.button-remove button:hover {
border: 1px solid white;
background-color: #8b0000 ;
color: white
}
#participant { #participant {
width: 95%; width: 100%;
margin-top: 15px; margin-top: 15px;
height: 100%; height: 100%;
/* display: flex; /* display: flex;
...@@ -287,6 +296,21 @@ ...@@ -287,6 +296,21 @@
padding: 8px; 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){ #participant tr:nth-child(even){
background-color: #f2f2f2; background-color: #f2f2f2;
} }
...@@ -304,8 +328,17 @@ ...@@ -304,8 +328,17 @@
.left-cont { .left-cont {
width: 660px; width: 660px;
height: auto; height: auto;
margin-right: 10px;
} }
#cell-remove { #cell-remove button{
width: 200px; 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 @@ ...@@ -78,12 +78,12 @@
</button> </button>
</div> </div>
</div> </div>
<div class="participant-table-cont"> <div class="table-cont">
<!-- table --> <!-- table -->
<table id="participant"> <table class="participant-table-cont" id="participant">
<tr> <tr>
<td>1</td> <td>1</td>
<td id="td-align"> <td>
Jacob Jacob
</td> </td>
<td> <td>
...@@ -98,28 +98,55 @@ ...@@ -98,28 +98,55 @@
<div class="button-remove"><button >Remove</button></div> <div class="button-remove"><button >Remove</button></div>
</td> </td>
</tr> </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> </table>
</div> </div>
</div> </div>
<div class="bottom-cont"> <div class="bottom-cont">
<!-- right side for the bottoms then just align it down or left --> <!-- 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="profile-options">
<div class="button-cancel"> <div class="button-save">
<button <button
name="Save" name="Save"
type="submit" type="submit"
> >
Cancel Save Changes
</button> </button>
</div> </div>
<div class="button-save"> <div class="button-cancel">
<button <button
name="Save" name="Save"
type="submit" type="submit"
> >
Save Changes Cancel
</button> </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